Charts > Sunburst Chart ​

The sunburst chart visually displays hierarchical data in concentric rings, conveying nested relationships through slices.

The Chart ​

Randomize dataUpload data

Download example CSV

Copy HTML

Playground ​

Style

Component API ​

This chart is built using SVG and d3. Each ring is a step in the hierarchy, starting from the center. Each segment of a ring is a node.

Data ​

Data should be in hierarchical structure

{
  name: "root",
  children: [
    {
      id: "data1",
      name: "Data 1",
      children: [
        {
          id: "data1-1",
          name: "Data 1-1",
          value: 57
        }
      ]
    },
    ...
  ]
}

Props ​

Shape ​

Leave empty the columns if the row does not have that level.

Events ​

Dependendencies ​

d3