React D3 Tree
v1.17.1
Examples
Debug
Simple A
Simple B
Individual Node Shapes
From Flat Array
Large Trees
(animations off for performance)
React Repo
Styled Components Repo
Mutating loaded data
Insert Node
Remove Node
Data parsed from static source
From CSV File
From Flat JSON File
Orientation
Horizontal
Vertical
Path Function
Diagonal
Elbow
Straight
Step
Collapsible
Node SVG Shape
<circle />
<ellipse />
<rect />
None
{ "shape": "circle", "shapeProps": { "r": 10 } }
Translate X
Translate Y
Initial Depth
Depth Factor
Zoom
Scale Extent
Min
Max
Node separation
Siblings
Non-Siblings
Node size
X
Y
Transition Duration
Circle Radius (Legacy)
Top Level
keyA: val A
keyB: val B
keyC: val C
2: A
keyA: val A
keyB: val B
keyC: val C
2: B