Types of Stat Charts Available
You can choose from the following stat chart types:
Donut Stat / Donut – Displays a full circular progress ring with a central number.
Half-Donut Stat / Half-Donut – Shows a semi-circular chart that illustrates partial progress.
Progress Bar Stat / Progress Bar – Displays progress horizontally using a bar format.
Icon Stat / Icon – Highlights one key value paired with an icon, without a progress ring or bar.
Add a Stat Chart to Your Canvas
-
In the left toolbar of the Editor, click Charts.
-
Scroll down to the Stat section.
-
Choose from any of the following stat chart types:
-
Donut Stat / Donut
-
Half-Donut Stat / Half-Donut
-
Progress Bar Stat / Progress Bar
-
Icon Stat / Icon
-
Click your preferred chart type to add it to your canvas.
Resize or reposition it using the bounding box controls.
Edit Chart Values
-
Value: Click the chart’s value field and type your number or percentage.
-
Total Items (Icon & Icon Stat only): Adjust how many icons display to represent your data.
For example, 63% might be shown with 50 icons or just 4 icons, depending on your design choice.
Customize the Chart
Colors
Use your Brand Kit, project colors, or custom colors.
-
Fill Color 1 always represents the “value” portion of the stat chart.
Fonts
-
Font Color: Change the text color independently from the chart.
-
Font Family: Select from your available font list.
Font Size: A few stat charts, such as the Progress Bar Stat and Icon Stat, allow manual font size adjustments. The rest automatically adjust their text size when the chart is resized using the bounding box.
-
Font Style: Use Bold, Italic, or Underline as needed.
Icons (for Icon Stat / Icon types)
-
Double-click or click Replace to swap out icons.
Choose from monotone icons (e.g. stars, checkmarks, diplomas).
Chart Style Options & Layout Tweaks
The options available in the Edit Chart menu depend on the chart type.
| Setting | Available In | Description |
|---|---|---|
| Spacing | Icon & Icon Stat; vertical spacing in Progress Bar Stat | Adjust the gaps between icons or between the chart and text. |
| Corner Rounding | Donut / Donut Stat / Half-Donut / Half-Donut Stat / Progress Bar / Progress Bar Stat | Choose between sharp or rounded edges. |
| Bar Height | Progress Bar / Progress Bar Stat | Change the thickness of the progress bar. |
| Donut Hole | Donut / Donut Stat / Half-Donut / Half-Donut Stat | Adjust the inner radius (width of the ring). |
Change the Chart Type
Select your stat chart on the canvas.
-
In the top toolbar, click the Chart Type dropdown (next to the Value field).
-
Choose another style (e.g. switch from Donut to Progress Bar or from Icon to Donut Stat).
✅ That’s it! You’ve successfully added and customized a stat chart in your design.
Continue exploring other chart types to visualize your data in more engaging ways.
Curious about upgrading? Compare our plan features side by side.