react-org-chart

by coreseekdev

coreseekdev / react-org-chart

High-performance organizational chart, built in D3 & React

145 Stars 59 Forks Last release: Not found 16 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

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.