Donut (doughnut) charts display part-to-whole proportions as a ring of slices with a hollow center. The center hole can hold interactive content, making donuts ideal for dashboards that need grouped category controls alongside the visualization.
This sample groups twelve data points into two custom categories — stocks (seven slices in shades of blue) and bonds (five slices in shades of green) — using single-hue color progressions. Two interactive labels placed inside the 70% inner radius act as category legend items: hovering a label highlights every slice in that group, and clicking it explodes or collapses all of them at once. Custom pointMouseOver listeners ensure group-level hover behavior across the chart.
Follow the step-by-step Donut Chart Tutorial to learn how such charts are built. See the Donut Chart documentation for all configuration options.