A highly customizable organization chart built with D3, offering integrations for Angular, React, and Vue.
d3-org-chart is a D3-based JavaScript library for creating interactive and highly customizable organization charts. It visualizes hierarchical structures like corporate teams or organizational hierarchies with extensive customization options and interactive features, making it suitable for embedding in web applications.
Web developers and data visualization engineers building applications that require interactive organizational charts, such as HR software, project management tools, or enterprise dashboards.
Developers choose d3-org-chart for its high degree of customization, allowing override of nearly every aspect of the chart's behavior and appearance through a simple API, along with features like multi-root support, export capabilities, and interactive node management.
Highly customizable org chart. Integrations available for Angular, React, Vue
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Allows full control over node content with HTML and CSS, enabling unique designs as shown in the README's multiple examples like custom content and styled trees.
Includes expand/collapse, add/remove nodes, search, zoom, and export capabilities, demonstrated with interactive GIFs for dynamic user interactions.
Supports loading data from JSON, CSV, and APIs, with examples in the README showing seamless integration from various sources.
Offers vertical, horizontal, and other layouts with dynamic switching, as shown in the features table for adaptable visualization.
Requires D3 v7 and d3-flextree as external dependencies, increasing bundle size and adding complexity for lightweight projects.
Comes without default styles, necessitating significant CSS work to achieve production-ready visuals, as seen in the custom examples.
Deep customization requires understanding the internal state object and D3 concepts, which the README admits by encouraging users to look at source code.