buy now
log in
MindFusion

A list of online samples that demonstrate various features of MindFusion interactive library for JavaScript and HTML.

Dynamically built tree

This sample page shows how to build a tree dynamically and apply the automatic tree layout algorithm.

See the sample

Layered Layout

This sample creates a random graph and arranges it using the LayeredLayout algorithm.

See the sample

Stock Shapes

This sample shows all predefined node shapes and their string identifiers.

See the sample

The NodeListView control

The sample demonstrates how to build a tree by dragging nodes from the NodeListView control.

See the sample

The FractalLayout algorithm

This sample creates a random graph and arranges it using the FractalLayout algorithm.

See the sample

Auxilliary controls

This sample demonstrates the auxilliary controls available with JavaScript Diagram: NodeListView, Overview and ZoomControl.

See the sample

Anchor points

This sample shows how to define custom anchor-point patterns and assign them to boxes.

See the sample

Table nodes

This sample shows how to build table nodes that have multiple cells and use cell spanning and how to connect them.

See the sample

Container nodes

This sample shows how to build container nodes and how to connect the containers as well their children nodes.

See the sample

Tutorial: build a diagram dynamically

Demonstrates how to dynamically build a diagram from Json data.

See the sample

Tutorial 2

Demonstrates how to dynamically build a diagram from Json data. JSDiagram provides a method to arrange diagram elements in tree-like hierarchies.

See the sample

Animations

Learn how to animate the creation of a flowchart and customize the animation and easing types.

See the sample

Lanes

The sample demonstrates how to build a simple gantt chart using the lane grid provided with the control.

See the sample

Tutorial 3

Learn how to create a custom node class that exposes some new properties in addition to the ones defined by DiagramNode.

See the sample

Tutorial 4

Learn how to extend "Tutorial 3" with clipboard and undo/redo functionallity.

See the sample

Copyright © 2001-2017 MindFusion LLC. All rights reserved.
Terms of Use - Contact Us