// the find
bumbeishvili/org-chart
Highly customizable org chart. Integrations available for Angular, React, Vue
d3-org-chart is a single-class d3 v7 wrapper that renders interactive org charts from flat CSV/JSON data with a fluent chainable API. It handles pan/zoom, collapse/expand, multiple layout directions, and node customization via HTML templates. For anyone who needs an org chart in a web app and doesn't want to build one from scratch with d3, this is the most complete option available.
The node template system is genuinely flexible — you pass an HTML string function and get full control over card appearance without fighting the library. Paging support for large hierarchies is a real feature that most org chart libs skip entirely. The flextree algorithm handles variable node sizes correctly, which matters the moment cards have different content. The Stackblitz examples are actually runnable and cover real use cases, not toy demos.
The entire library is one 2000-line JavaScript file with no TypeScript types — you're reading source to find method names, and the 'docs' are a comment block in that file. Framework integrations are community Stackblitz demos, not maintained packages, so React/Vue/Angular wrappers are DIY. Accessibility is essentially absent — the SVG/HTML hybrid approach means screen readers get nothing useful. Last meaningful commit was over a year ago and issues are piling up unanswered, which is a real concern for anything you're putting in production.