Customize your org charts on-the-fly using NEW edit mode. Learn more

Advanced Data Visualization with Customizable JavaScript Diagram Library

Use DHTMLX diagram library to generate high-quality and easy configurable graphs and diagrams.

Visualize your data in a handy hierarchical structure.

Live Demo

Key features


You can add, delete and customize your org charts on-the-fly using edit mode. The org chart provides simple and intuitive way to change the appearance of the component without coding.

With DHTMLX Diagram, you can simply create javascript organization charts that will help you to visualize the data in hierarchical tree structure.

The diagram component consists of nodes and connectors. You can use nodes of some particular type: just textual, with an image or any other custom HTML and SVG elements, or create your own.

Creation of a unique style for your org chart will be easy. The look and behaviour are fully customizable, so you can set up any appearance you need via CSS.

With our js diagram library, you can use zooming and scrolling features so your org chart will fit the screen or just have the size you need. Check the sample.

There is a vertical mode of data representation. It can be use to show wide organization structure in a compact way. Check the sample.

You can easily integrate this html5 diagram library in any web app. It supports the data loading in the JSON format, and can be used with any server-side back-end.

Why dhtmlxDiagram?

dhtmlxDiagram is a JavaScript Diagramming library for adding beautiful and interactive organization charts to your web applications. The library is created by software professionals who are successfully developing web tools for developers for ages.

Cross-browser support

DHX Diagram library works seamlessly in all modern web browser: Google Chrome, Firefox, Internet Explorer, MS Edge, Safari.

High performance

The component is very lightweight that provides fast rendering and high performance with any amount of nodes and connectors.

Simple integration

Due to short learning curve you'll embed an org chart to your app in minutes. It's purely JavaScript library, so there also won't be any problems with back-end integration.


Standard Edition Commercial license
up to 5 developers
  • Use in one project
  • Standard ticket support
  • 1 month of updates (minor, major, bugfixes)
Standard Edition Enterprise license
per company
  • Use in unlimited projects
  • Premium ticket support
  • 12 months of updates (minor, major, bugfixes)
Want to get more and save money?

Support & Learning Resources

We provide comprehensive documentation with technical samples. Moreover, our dedicated support team is fast and qualified. Find the suitable way to get support:

What Customers Say