{"id":4531,"date":"2018-02-15T18:00:21","date_gmt":"2018-02-15T14:00:21","guid":{"rendered":"https:\/\/dhtmlx.com\/blog\/?p=4531"},"modified":"2026-01-30T11:47:17","modified_gmt":"2026-01-30T08:47:17","slug":"meet-major-update-of-dhtmlxdiagram-version-2-0","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/meet-major-update-of-dhtmlxdiagram-version-2-0\/","title":{"rendered":"Meet Major Update of dhtmlxDiagram – Version 2.0 is Here"},"content":{"rendered":"

DHTMLX Diagram library<\/a> makes a big step forward and receives a major update: the version 2.0 is out. Now, when using dhtmlxDiagram, you can build different types of diagrams and graphs! Besides, there are plenty of useful updates and improvements. Let’s review all of them.<\/p>\n

Build different types of diagrams<\/h5>\n

The versions 1.x allow you to build and edit interactive organization charts. Now it’s time to expand the line of supported diagram types. Starting from the version 2.0, you can create such kind of diagrams like flowcharts, block, tree, decision, activity, network diagrams and so on.<\/p>\n

\"javascript<\/p>\n

Flowchart. View the sample<\/a>.<\/em><\/div>\n

\"activity<\/p>\n

Activity diagram. View the sample<\/a>.<\/em><\/div>\n

\"vertical<\/p>\n

Vertical decision tree diagram. View the sample<\/a>.<\/em><\/div>\n

For your use, we introduce a great variety of shapes and connectors which will help you to build detailed and expanded flowcharts. Check the docs.<\/a><\/p>\n

By default, the shapes\/nodes are elegant grey. We decided not to overload the diagrams by choosing specific colors, so that you could paint them the colors you need based on your specific design requirements. <\/p>\n

\"grey<\/p>\n

We’ll add the diagram editor soon so you could manage the shapes, colors and structure faster and simpler. The release of dhtmlxDiagram 2.1 is planned on April, 2018.<\/p>\n

Performance and API updates<\/h5>\n

Within this update, we’ve made great improvements to Diagram’s performance so the component renders 2 times faster now! What is more, dhtmlxDiagram has new API<\/a> which is clearer and provides more flexibility.<\/p>\n

Starting from the version 2.0, dhtmlxDiagram is adaptive, so you don’t need any special JavaScript code to handle auto-sizing, the component adjusts itself to any HTML container.<\/p>\n

Export to PDF and PNG<\/h5>\n

Another important new feature is the ability to export your diagram to PDF and PNG formats. Check the sample<\/a>. <\/p>\n

By default, you’ll be able to use our online export service for free. Also, you can install the export service locally using the docker image. As the time-limited offer, this option will be available with the purchase of Enterprise license till the next update of dhtmlxDiagram.<\/strong> Buy now<\/a> <\/p>\n

Adding toolbar to diagram nodes <\/h5>\n

And last but not least: more interactivity is added. dhtmlxDiagram 2.0 allows you to add custom toolbar to the diagram nodes to perform some particular action. Check this example<\/a>.<\/p>\n

\"custom<\/p>\n

Related resources:<\/h5>\n