Home

Awesome

react-org-chart

Features

React Props

propertytypedescriptionexample
treeObjectNested data model with all of the employees in the company (Required){ "id": 123, "person": { "name": "Fouad Matin" }, "children": [] }
nodeWidthNumberWidth of the component for each individual (Optional)180
nodeHeightNumberHeight of the component for each individual (Optional)100
nodeSpacingNumberSpacing between each of the nodes in the chart (Optional)12
animationDurationNumberDuration of the animations in milliseconds (Optional)350
lineTypeStringType of line that connects the nodes to each other (Optional)“angle” “curve”