Hierarchical CirclePacking chart with zooming ability.
You can fully customize it using the circleComponent
property
to define your own, if you wish to do so you should have a look at
the default SVG component
to get started.
The responsive alternative of this component is ResponsiveCirclePacking
.
It also offers other implementations, see CirclePackingHtml
and CirclePackingCanvas.
You can also see more example usages in storybook.
Chart data, which should be immutable.
'id'
Id accessor.
'value'
Value accessor
Optional formatter for values.
0
Padding between each circle.
false
Only render leaf nodes (skip parent nodes).
Chart width.
Chart height.
'Depends on device'
Adjust pixel ratio, useful for HiDPI screens.
Chart margin.