opinion
OrgChart
A top-down reporting chart: give each person a manager and the lines are drawn for you.
Tideline teamLeo and the three who report to him
100%
100%
100%
In context
Team pageThe chart with a person's card beside it
Who reports to whomFour people, one studio
100%
MCMaya ChenDesign
Reports to Leo Santos. Leads the Harbour rebrand and Depot signage.
Props
| Prop | Type | Required | Default |
|---|---|---|---|
people | OrgChartPerson[] | Yes | — |
title | string | undefined | No | — |
ariaLabel | string | undefined | No | — |
width | number | undefined | No | 480 |
height | number | undefined | No | 360 |
padding | number | undefined | No | — |
className | string | undefined | No | — |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
data-rebar-* attributes
data-rebar-component="org-chart" on the root; the underlying NodeLinkGraph's own toolbar/node/edge parts render underneath unchanged.
Migrating to Ant Design
Not codemod-covered — AntD ships no diagramming components of its own; an org chart typically migrates to a dedicated library (Google Charts' OrgChart, GoJS) rather than an antd component.