Link to Fluid's Microsoft Teams channel Link to the support page

Pie & donut charts

Pie charts express portions of a whole, using arcs or angles within a circle. Use this representation when there is a need to highlight a category or when the different values add up to a total.

The data-visualization pages will soon be updated.

If you are currently working on data visualization and need some additional expertise, please reach out to us directly through the Teams Channel .

Recommended for

Composition
Comparison
  • Compare or show subdivisions
  • Highlight a trend

See Highcharts example

See Highcharts example

Do / Don't

Use contrasting colors and add 2px space between color segments to delineate data and improve accessibility
Keep accessibility in mind: don’t use similar colors and no delineation
Show data in descending order, starting at the 12 o’clock point and moving clockwise.
Don’t present unsorted data.
Use a pie chart to represent 2 to 5 categories and use a category ‘others’ to group the remaining smaller categories.
Don’t show too many categories in one chart.