dabeng/OrgChart

Health v2 · maintenance only

Adoption not part of the score

3037 stars · 766 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A JavaScript library for rendering tree-like organization charts using pure DOM (nested lists), with support for local or remote JSON data. It offers interactive features like drag-and-drop node editing, pan/zoom, multiple orientations, and export to picture or PDF.

Use cases

• render an organization chart from JSON data
• build an interactive family tree in the browser
• let users edit a hierarchy via drag and drop and save it as JSON
• export an org chart as an image or PDF
• display a large company hierarchy with pan and zoom
• show a collapsible tree view on mobile with touch support

When to choose

• you need a dependency-light, pure-DOM org chart without jQuery (v6+)
• you want interactive editing, drag-and-drop, or export features out of the box
• you need to visualize hierarchies like org charts or family trees in a web app

When to avoid

• you need SVG-based charts or general-purpose graph visualization
• you are using Vue, React, or Angular and prefer a framework-native component (dedicated versions exist)
• you need charts other than tree/hierarchy structures like bar or line charts

Facets

library · maturity stable

ui-components data-visualization charts web-development frontend data-visualization hr browser orgchart tree-view jquery dom hierarchy drag-and-drop export-pdf javascript nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="dabeng/OrgChart")