Some more options for dashboard status tiles

With the advent of AI, we can take AI help to create some elegant dashboard status reporting options.
Several members have already contributed various ideas. Some more in that series.

All the SVG code for these dashboard cards/tiles is generated by Gemini AI. So not sharing it here. I am sure anyone can generate it with proper prompts.

Each of the status options in action in GIF is captured below

Traffic lights based status. The traffic lights have blinking for yellow and red status to attract user attention.= as shown below

Traffic_Light-Based-Status

Overall System Status as shown below

system_Status

Task completion status that mimics a paper page text entry

Tsk_Completion_Status

Survey form completion status: Finally when a long survey form is filled by the user, the user may pause in between. The user can see where the survey form completion stands

Survey_Form_completion_Status


The following implementation of Waffle charts populates 4 parameters to add up to 100 %. Sometimes, waffle charts are an elegant alternative for the pie charts.

Waffle-Charts

7 Likes

Cool! A usage of AI I hadn’t thought of! I may revamp some of the SVG I have in m app. :slight_smile:

3 Likes

Thank you @Kirk_Masden. You yourself have made a very prime use of AI in your parser related tip. So you liking the dashboard tiles suggestions is special.

4 Likes