Donut chart

This is the donut chart section of the gallery. The donut chart is highly criticized in dataviz for meaningful reasons. You should read more about that before making one.If you're sure about what you're doing, learn how to build one with d3.js using the examples below.


It is of interest to note that donut chart and pie chart are built using exactly the same process in d3.js. Thus, you probably want to visit the pie section for more examples

Pie chart section

Step by step

Selection of blocks

A selection of examples showing the application of the basic concept to real life dataset.

Related chart types

Pie chart
Circular packing