Used to illustrate numerical percentage, where the arc length of each slice is proportional to the quantity it represents. The area in the center can be used to show additional information.
Visual ExampleDownload for Figma
Types are variations or derivatives of an individual element. They can help you choose what to include in your design.
Interaction states communicate the status of an element on the user interface. Consider all of the following states when designing this element:
For this particular visualization, you may consider these additional features.