Need help with react-org-chart?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

coreseekdev
160 Stars 64 Forks 16 Commits 1 Opened issues

Description

High-performance organizational chart, built in D3 & React

Services available

!
?

Need anything else?

Contributors list

react-org-chart

Features

  • High-performance D3-based SVG rendering
  • Lazy-load children with a custom function
  • Handle up to 1 million collapsed nodes and 5,000 expanded nodes

React Props

| property | type | description | example | | ----------------- | -------- | ---------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | | tree |

Object
| Nested data model with all of the employees in the company (Required) | { "id": 123, "person": { "name": "Fouad Matin" }, "children": [] } | | | nodeWidth |
Number
| Width of the component for each individual (Optional) | 180 | | nodeHeight |
Number
| Height of the component for each individual (Optional) | 100 | | nodeSpacing |
Number
| Spacing between each of the nodes in the chart (Optional) | 12 | | animationDuration |
Number
| Duration of the animations in milliseconds (Optional) | 350 | | lineType |
String
| Type of line that connects the nodes to each other (Optional) | “angle” “curve”

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.