MindFusion.Diagramming for JavaScript

Add platform independent diagramming features to your application.
Download trial   Online demo

Your Diagrams on Any Device

With JsDiagram all the features that you need to create great diagrams with JavaScript are at your fingertips. No need to waste time coding and debugging - you get the right functionality - tested and proven - right away.

The Component

The library is written 100% in JavaScript and uses the HTML5 Canvas element for drawing. JsDiagram depends on the Microsoft Ajax® library for type system implementation and browser independence.

Diagram Items

Choose among various predefined node shapes or create your own. Connect the nodes with links and customize them - straight lines or curves, set the link shapes, their color and position. You can even add labels or set images as background for the nodes.

User Interaction

With JSDiagram users can create, resize, select, move and modify nodes and links as they wish. You can allow or permit any action or customize how the control response to a certain action - like pressing the 'Del' key for example. The control also supports grid alignment. The control supports several user-interaction modes specifying how mouse or touch events are interpreted. Collapse and expand of branches in hierarchical trees is also possible. There is also attaching and grouping of items. When running under iOS Safari web browser, the control handles one- and two-finger touch events for item creating, modification, diagram scroll and zoom.


Any diagram element can be accessed programmatically. There are methods for changing the appearance of the items, for controlling the allowed actions performed by the user and many events. The API is documented in details, various samples and tutorials are provided to help you get started.


Automatic graph layout algorithms let you give your diagrams a different and accomplished look with just a mouse click. You can choose among four automatic graph layout algorithms and numerous properties that help you tailor them according to your needs.


You can place text at diagram links and both images and text in diagram nodes. Both links and nodes can be painted with a pen and brush according to your taste. The background of the diagram is also customizable. Nodes support various types of Glass and Aero effects.


The Diagram component is the main component for the tool. There all the drawing and user interaction takes place. At your disposal is also an overview control, which gives you a preview of the whole diagram and is ideal for large flowcharts. We have also provided a NodeListView control for you to create a hierarchical tree-like charts.

"First of all, the product is the best in the market - and I have researched this. Secondly, I received outstanding support from MindFusion even during the trial! I really like the straightforward, royalty free licensing model which makes Mindfusion's products an ideal platform for commercial applications."

Mr. Mark Horbal, independent developer

More testimonials >>