mxGraph Reloaded Examples

• Basic
• Backgrounds
• Connections
• Drag-and-drop/copy-paste
• Editing
• Effects
• Events
• Icons/Images
• Labels
• Layout
• Miscellaneous
• Shapes/stencils
• Styles
• Toolbars
• XML/JSON
• Zoom/offpage

Guides

This example demonstrates the guides feature which aligns the current selection to the existing vertices in the graph. This feature is in RFC state. Creating a grid using a canvas and installing a key handler for cursor keys is also demonstrated here, as well as snapping waypoints to terminals.

Merge

This example demonstrates using the mergeChildren function to merge two graphs.

Workflow Monitor

This example demonstrates using a graph to display the current state of a workflow.

Permissions

This example demonstrates creating permissions to define the available operations a the graph.

Thread

This example demonstrates setting overlays in mxGraph from within a timed function.

Validation

This example demonstrates using multiplicities for automatically validating a graph.

Visibility

This example demonstrates using various solutions for hiding and showing cells.