Dendogram
The hierarchical data object.
'id'
The key or function to use to retrieve nodes identity.
'top-to-bottom'
Defines the diagram layout.
Chart width.
Chart height.
Chart margin.
Define style for common elements such as labels, axes…
16
Defines the size of the nodes, statically or dynamically.
Defines the size of active nodes, statically or dynamically.
Defines the size of inactive nodes, statically or dynamically.
Defines the color of the nodes, statically or dynamically.
1
Defines the thickness of the links, statically or dynamically.
Defines the color of the links.
Defines the order of layers and add custom layers.
Override the default node component.
Override the default link component.
true
Enable/disable interactivity.
true
Use a voronoi mesh to detect mouse interactions.
Infinity
Prevent nodes from being detected if the cursor is too far away from the node.
false
Display mesh used to detect mouse interactions (voronoi cells).
Highlight active node ancestor nodes.
Highlight active node descendant nodes.
onMouseEnter handler for nodes.
onMouseMove handler for nodes.
onMouseLeave handler for nodes.
onClick handler for nodes.
Tooltip component for nodes.
onMouseEnter handler for links (useMesh
must be false
).
onMouseMove handler for links (useMesh
must be false
).
onMouseLeave handler for links (useMesh
must be false
).
onClick handler for links (useMesh
must be false
).
Tooltip component for links (useMesh
must be false
).
Main element role attribute.
Main element aria-label.
Main element aria-labelledby.
Main element aria-describedby.
true
Enable/disable transitions.
'gentle'
Motion config for react-spring, either a preset or a custom configuration.