MindFusion.Diagramming for JavaScript, V2.4

Platform independent diagramming features for web data visualization.
Download trial   Online demo

Your Diagrams on Any Device

With JsDiagram all the features that you need to create web based data visualization with JavaScript are at your fingertips. No need to waste time coding and debugging - you get tested and proven JavaScript flowchart library right away.

Diagramming for JavaScript: table nodes

The JsDiagram Component

The diagram tool is written 100% in JavaScript and uses the HTML5 Canvas element for drawing. The component can use either jQuery or Microsoft Ajax® library for browser independence layer and type system implementation.

Impressive Variety of Diagram Items

Whether you want to create a workflow diagram, process scheme, genealogy tree or draw a graph - MindFusion JS diagramming library keeps a long list of predefined node shapes for you to choose from. You even have the ability to define your own node shapes. Every node can have labels or images as a background. Connectors also support an amazing variety of customization options – they can be straight lines or curves, start and end with various arrowhead shapes, change color and position. MindFusion JavaScript component lets you design the best web based flowchart and leaves no place for compromises.

Rich User Interaction Functionality

Building a dynamic web flowchart is done fast and easy with MindFusion JavaScript control. The users of your web application can create, resize, select, move and modify nodes and links as they wish. Diagramming for JavaScript handles equally well both mouse as well touch events for a truly platform and browser independent application. You can choose among several user interaction modes that control how your flowchart responds to user actions in the browser. If your diagram is viewed in iOS Safari, the component handles one- and two-finger touch events for item creating, modification, diagram scroll and zoom.

Diagramming for JavaScript: lanes
Diagramming for JavaScript: automatic layouts

Elegant API

Successful programming for the web requires knowledge, passion and commitment. And the right tools. MindFusion JavaScript flowchart Library seriously aspires to be one of them. It provides you with programmatic access to each element of your diagram. 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 code samples, feature examples and tutorials are provided to help you get started.

Powerful Automatic Layout Algorithms

Automatic graph layout algorithms are the perfect way to give the perfect look of any workflow diagram, org chart, graph, class hierarchy or any other flowchart scheme you have on your mind. JsDiagram layouts are applied fast and easy - with a single method call. Each algorithm provides numerous customization properties that let you tailor it according to the needs of your web application.

Irresistible Looks

For today's web applications good looks are essential and MindFusion JavaScript tool boasts powerful styling options for a flowchart that impresses with appearance as much as functionality. When talking about diagram design, the control makes everything possible - you can choose the pens and brushes for nodes and links, customize the background and polish the diagram appearance with the various glass or areo effects.

Additional Components

Diagramming for JavaScript is the main component where all the drawing and user interaction takes place. At your disposal is also an advanced overview control, which gives you a preview of the whole diagram and is ideal for large flowcharts. The NodeListView control is an excellent way to build hierarchical tree-like web charts simply by dragging nodes with the mouse.

Diagramming for JavaScript: NodeListView control

"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 >>