DHTMLX Blog - Tutorials

How to Create a Data Flow Diagram in JavaScript with DHTMLX

by Eugene Panchenko

December 28, 2020

7 min read

Have you ever tried to describe workflows or business processes for a project in natural language? The chances are high that the efficiency of your work will be very low, as such tasks require special instruments such as a Jav...

How to Create a Basic JavaScript Entity Relationship Diagram with DHTMLX

by Eugene Panchenko

November 11, 2020

5 min read

If you have ever had to deal with designing a relational database, then you probably know about the key data visualization tool dedicated for this task – a JavaScript entity relationship diagram. This is one more useful type o...

How to Create a JavaScript Tree Diagram with DHTMLX

by Kotryna Kairyte

September 23, 2020

7 min read

It is high time to expand your arsenal of data visualization tools with one more diagram type that can be implemented with the DHTMLX Diagram library. We are willing to share with you a comprehensive guide on how to produce Ja...

Using Layout Algorithms to Arrange Diagram Shapes Automatically

by Eugene Panchenko

September 17, 2020

4 min read

Modern diagramming libraries frequently come with a special tool that helps to speed up the creation of different diagram types – a layout algorithm. This feature is intended for automatic arrangement of diagram elements. Base...

How to Create a JavaScript Network Diagram with DHTMLX

by Eugene Panchenko

August 4, 2020

7 min read

We continue the series of blog posts on how to create popular types of diagrams available in the DHTMLX Diagram library. This time, we will provide you with a detailed guide on how to build a JavaScript network diagram using o...

How to Create a Basic Gantt Chart with Salesforce Lightning [Video Guides]

by Eugene Panchenko

July 21, 2020

4 min read

Updated on June 8, 2023. Introduction If you’re developing a project management application based on the Salesforce Lightning platform, you probably use the Lightning Web Components (LWC) that significantly simplify and accelerate the process of buil...

How to Create a JavaScript UML Class Diagram with DHTMLX

by Kotryna Kairyte

July 9, 2020

6 min read

UML class diagram plays a key role in representing a system's structure visually. This type of diagram complements a variety of data visualization tools available in the DHTMLX Diagram library. You can download a 30-day free t...

Vue.js Integration for Suite UI Components

by Kotryna Kairyte

June 25, 2020

2 min read

After delivering integration examples with two widely used frameworks: Angular and React, we settled down to Vue.js. You can find live samples of Suite UI components together with the full source code that you can use in your ...

How to set up inline editors and edit JavaScript Gantt data on the fly

by Kotryna Kairyte

June 11, 2020

7 min read

An essential feature of Gantt charts is the ability to edit projects' data quickly. In this video tutorial, we're going to share tips on how to set up inline editing and enable end-users to create and change Gantt tasks right ...

How to Use DHTMLX Scheduler Component with React JS Library [Demo]

by Kotryna Kairyte

March 5, 2020

9 min read

Updated on February 14, 2023 We continue a series of tutorials devoted to the integration of our web app components with different client-side frameworks. Meet our new step-by-step guide on using DHTMLX Scheduler with the p...