I have website on which I have a group of approx. 20 pieces of data I want to show the status for in a kebab/hamburger type of menu:
- Datasource #1 Status
- Datasource #2 Status
- Datasource #3 Status
- Datasource #N Status
Currently, I am using some "hand made" indicator lights (see image below) and the Bootstrap tooltips to show the name of each piece of information, but I don't feel these look very good.
These are not the focus of the site, they are just extra bits of information the uses will be interested in.
What suggestions do you have for a better looking system for status indicators? I am open to any suggestions to fix my current approach or a completely new approach.
EDIT: As a follow-up, I wanted to say that I went with Youik's suggestion and it looks great. I honestly never thought about using a simple "table", I though I had to be fancy and use eye-catching images. In the end, the more simple solution I went with is much better. Granted, I also added a bit of color, but I kept Yorik's basic premise, and it was definitely the right way to go.