The Charts function helps us to visualize data into various charts: line chart, bar chart, pie chart, and donut chart.
Today, we’ll share another usage of charts: using the donut chart as a progress indicator for your presentations.
Here’s how it looks for example:
When the project has made some progress, we can also update it:
How to create a progress indicator using the donut chart
-
Click on the Chart icon in the tool menu, and select the Donut chart to add it to your diagram.
-
To change the chart colors, click on Style, and select a color from the Color Palette.
-
Click on Data, and edit the numbers to only two sets: to represent complete and incomplete. We can regard them as percentages that total 100.
We used a darker color to represent “filling up” the donut, like a fuel gauge. If you wish to change the individual colors, you can click on the color droplet symbols.
- Hide the text on the chart by disabling them in Style:
We’re almost done! Just need to fill up the donut hole:
Create a filled circle and place it over the donut. Remember to hide the circle’s outline by disabling it.
Completed Progress Indicator:
I only learned about this tip recently while working together with team members on a presentation, and I thought it was quite an interesting usage. I hope you find it useful too.
If you have any tips or lesser-known ways of using Cacoo, please share them with us!