< Build Any Types of Diagrams with Custom Shapes in DHTMLX Diagram Library 2.2

Javascript Diagram Library

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

Visualize your data in a handy hierarchical structure.

Product Features

  • Pure JavaScript diagrams
  • 30+ flowchart shapes
  • Org chart shapes
  • Live diagram and org chart editors
  • SVG and HTML templates for custom shapes
  • Mixed diagrams and org charts
  • Expanding and collapsing shapes
  • Zooming and scrolling features
  • Export to PDF and PNG
  • Parsing and serialization in the JSON format
  • Export to the JSON format (from the editor)
  • Cross-browser support (IE11+)
  • Convenient API

Diagram Gallery

dhtmlxDiagram library includes various nodes and connectors for building diagrams according to your goals. Here are some examples of the most popular diagram types that you can create with dhtmlxDiagram component.

Share your ideas of what other features to include in DHTMLX Diagram:

Attach file(s)

JavaScript Diagram and Org Chart Editors

Creating diagrams and org charts may take you just a few moments in the editor mode. We've introduced two types of editors: diagram and org chart editors. Embed the editor in your app to let your users live edit the diagram on their own.

Rich Editor For Various Diagram Types
Create and edit flowcharts, activitiy diagrams, decision trees, block diagrams and other diagram types on the fly
Choose from a variety of diagram shapes and connectors to build the type of diagram you need
Style your diagram in a couple of clicks changing colours, sizes, text and arrangement of shapes
Editor for Amazing Organization Charts
Build org charts with hierarchical structure to show who's on your team or how your company is organized
Change texts, colors, arrangement and sizes of org chart elements and apply your changes immediately
Add images to the cards of your team members to make your org chart look more vivid

Why Choose DHTMLX Diagram?

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

High performance

Our JavaScript diagram framework will help you visualize data with any amount of nodes and connectors. The component is very lightweight and provides fast rendering and high performance. DHX Diagram js library works seamlessly in all modern web browsers: Google Chrome, Firefox, IE11+, Safari.

Ease of use

Due to the short learning curve, you can easily integrate this HTML5 diagram library in any web app. It's a purely JavaScript library with data loading in the JSON format and it can be flawlessly used with any server-side technologies. We also provide an export service to export your final chart/diagram to PDF or PNG.

Flexible visualization

Our JavaScript diagram library enables creating both predefined and custom diagram types. You can use textual nodes, nodes with an image or mixed types of nodes in one diagram. All in all, there are more than 30 shapes for building any diagram type you need. Besides, you can add custom shapes with the help of HTML and SVG templates.

Convenient Live Editors

You can change the diagram appearance without coding in the edit mode. There're two types of editors available: for org charts and for other diagrams such as flowcharts, activity, block, tree diagrams, etc. Editors let you add, delete and customize all components on the fly. They also enable you to export diagrams in the JSON format.

dhtmlxDiagram Licensing

Commercial Enterprise Ultimate
License Terms
Commercial
Enterprise
Ultimate
Developers
Commercial
5
Enterprise
20
Ultimate
Projects
Commercial
1
Enterprise
5
Ultimate
SaaS
Commercial
Enterprise
Ultimate
Perpetual distribution rights
Commercial
Enterprise
Ultimate
Support Plan
Commercial
Standard Support
Enterprise
Premium Support
Ultimate
Ultimate Support
Time Period
Commercial
1 year
Enterprise
1 year
Ultimate
1 year
Updates
Commercial
Minor & major updates
Bug fixes
Enterprise
Minor & major updates
Bug fixes
Ultimate
Minor & major updates
Bug fixes
Emergency bug fixes
Tickets
Commercial
10
Enterprise
30
Ultimate
Response Time
Commercial
72h
Enterprise
48h
Ultimate
24h
Personal Acccount Manager
Commercial
Enterprise
Ultimate
Functionality
Commercial
Professional
Enterprise
Professional
Ultimate
Professional
Online export to PDF/PNG without watermark
Commercial
1 year
Enterprise
1 year
Ultimate
Perpetual
Free local PDF/PNG export module
Commercial
Enterprise
Ultimate
dhtmlx bundles
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

Send
a Question