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.
false
Only render leaf nodes (no parent).
0
Padding between parent and child node.
0
Padding between parent and child node.
Chart width.
Chart height.
'Depends on device'
Adjust pixel ratio, useful for HiDPI screens.
Chart margin.