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.

Note

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


Treemap
Doughnut
Pie chart
Dendrogram
Circular packing