@ctrl/react-orgchart  

> React wrapper around a d3 v6 based org chart.

This is based on smartprocure/react-org-chart which itself is also a fork. This fork has been updated to use d3 v6 and expose typescript types.

DEMO: https://ctrl-react-orgchart.vercel.app

$3

``console
npm install @ctrl/react-orgchart
`

$3

`tsx
import { OrgChart } from '@ctrl/react-orgchart';

;
`

#### Sample tree data

`js
{
id: 1,
entity: {
id: 1,
// base 64 image
avatar: 'data:image/jpeg;base64,/9j....',
name: 'Jane Doe',
title: 'IT',
},
children: [
{
id: 2,
entity: {
id: 2,
// svg example
avatar: '',
name: 'John Foo',
title: 'CTO',
},
children: [],
},
],
}
``