Getting Started: Building Interactive JavaScript Diagrams with MindFusion

In this article we look at the steps required to build this minimal JavaScript diagramming application:

The application uses MindFusion JavaScript Diagram library and allows the user to create various flowchart shapes with drag and drop, customize their color and edit text. Users can create links and specify whether links have arrowheads. Once ready, they can save the current diagram and load it when needed.

Continue reading

Take Your WPF Apps Cross-Platform: Virtual Keyboard & Avalonia XPF

We are thrilled to announce a significant update for developers using our Virtual Keyboard for WPF: it is now fully compatible with Avalonia XPF! This development bridges the gap between your existing WPF applications and the world of cross-platform development, allowing you to reach a wider audience without rebuilding your UI.

Continue reading

Find descendant nodes in MindFusion diagrams

This post demonstrates MindFusion.Diagramming API functionality that let you traverse connected diagram elements (following incident edges and adjacent nodes in graph-theory terminology). A diagram is treated as directed graph, where each node exposes incomingLinks and outgoingLinks collection properties, and respectively each link exposes origin and destination node properties. Thus the classic breadth-first search algorithm can be implemented like this for a diagram, with the callback parameter being invoked for each node, also reporting visit order and distance from initial node (as in length of shortest path in the graph):

Continue reading

Custom diagram canvas pagination

In this post we’ll show how to implement Visio-like dynamic pagination of the diagram canvas, expanding or shrinking it while users draw nodes interactively, and rendering custom page borders. This is demonstrated using MindFusion Windows Forms Diagram control, but equivalent APIs are provided by MindFusion diagramming libraries for other platforms.

Continue reading