Getting Deeper Insight into DHTMLX JavaScript Diagram Editor

What is DHTMLX Diagram Editor

How JavaScript Diagram Editor Can be Used in Web Development

Editing modes in JS Diagram Editor

  • Default mode
Check the sample >
  • Org chart mode
Check the sample >
  • Mind map mode
Check the sample >

Structural Elements of DHTMLX Editor and Their Features

Toolbar

Check the sample >

Left panel

Check the sample >

Grid area

Check the sample >
Check the sample >
Check the sample >

Right panel

Customization capabilities in the right panel of the editor
  • set a grid step for moving diagram elements,
  • change shape parameters (positioning, size, stroke, color),
  • modify attributes for groups and swimlanes,
  • play around with text content,
  • specify settings for connector lines.

Customization Options in DHTMLX JavaScript Diagram Editor

Check the sample >
Check the sample >
editing custom shapes
Check the sample >

Wrapping up

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store