A tree map component using d3-hierarchy.treemap, see this demo.
You can fully customize it using nodeComponent property to define
your own node component, if you wish to do so you should have a look at
native HTML node component
for available properties.
The responsive alternative of this component is
ResponsiveTreeMapHtml, it also offers other
implementations, see TreeMap and
TreeMapCanvas.
The hierarchical data object.
'id'The key or function to use to retrieve nodes identity.
'value'The key or function to use to retrieve nodes value.
Value format supporting d3-format notation, this formatted value will then be used for labels and tooltips.
'squarify'Strategy used to compute nodes.
falseOnly render leaf nodes (no parent).
0Padding between parent and child node.
0Padding between parent and child node.
Chart width for non-responsive component.
Chart default width for responsive component.
Chart height for non-responsive component.
Chart default height for responsive component.
Debounce width/height updates for responsive component.
A callback for when responsive component is resized.
'Depends on device'Adjust pixel ratio, useful for HiDPI screens.
Chart margin.
Ref to the chart's container. Used on this page to generate/download the chart's image via html-to-image.