@ebay/skin/donut-chart

DS v1

ALPHA: APIs are subject to change

The donut chart is a data visualization module designed to display comparative data in an easily digestible and visually appealing format. Our donut chart is composed of four sections: the title, metric, graph, and legend, each serving a distinct purpose to enhance the user's understanding of the data presented.

In practice, the .donut-chart__graph is where we will load in the third-party donut chart.

Small container

Donut chart title

175
Returns processed
Graph placeholder
Portion 1
10%
Portion 2
20%
Portion 3
30%

Variable width container

Donut chart title

175
Returns processed
Graph placeholder
Portion 1
10%
Portion 2
20%
Portion 3
30%