Lane Diagram with Custom Painting
Learn how to build a lane diagram using a Grid container and how to apply custom painting on links.
Learn how to define custom anchor-point patters and assign them to nodes. The sample also shows the predefined anchor patterns.
The sample demonstrates how to animate the SpringLayout and how to implement interactivity during the layout process.
The Simulated Annealing is used to solve large-scale combinational problems by simulating the process of heating and cooling of metal.
The sample parses an arbitrary .NET assembly and builds a class diagram from its members, preserving the hierarchical structure of the API.
The CompositeLayout partitions the diagram into several subgraphs and applies a user-specified subgraph layout algorithm on each part.
The sample demonstrates the auxiliary controls available in the library: Overview, Ruler, Zoom control and NodeListView.
The sample demonstrates how to use the TemplatedNode class to create custom diagram whose appearance is set through Xaml data templates. In this sample the nodes represent employees in an org chart.
A demonstration of the DecisionLayout automatic algorithm, applied to randomly generated graphs.
A WPF application that demonstrates all major features of the component through various diagrams, grouped in more than 50 steps.
This sample enumerated the directory structure of the hard drives of the local machine and arranges them in a tree.
The sample demonstrates the Glass and Aero effect together with a collection of presets including metal, neon glow and more.
The sample illustrates rounded table nodes with attached nodes and anchor points for the individual nodes.
The sample demonstrates the events available in the diagramming library, as they are raised during user interaction.
Learn how to create Fishbone diagrams interactively by using custom classes that derive from DiagramNode and implement custom drawing.
A ready-to-use application for drawing flowcharts. It lists a variety of predefined diagram shapes together with connector types.
This sample uses diagram nodes to create an application that mimics a simple Windows Forms editor.
FractalLayout is a tree layout algorithm that places child nodes symmetrically around their parent node.
The HierarchicaLayout places nodes on user-defined levels and in level-planar graphs links have a single segment and don't intersect.
A custom node class that exposes some new properties in addition to those defined in Diagram node and implements its own drawing logic.
The sample demonstrates how to use the lanes features of the diagram library in order to create a sample Gantt chart.
The sample arranges a large graph with the LayeredLayout algorithm which assigns diagram nodes to distinct horizontal or vertical layers.
A presentation of the magnifier tool with the available options for size, show-up, shape and more.
The DiagramView3D component is used to render formulas of chemical compounds. You can move the camera across the plane.
The sample shows how to attach several views to the same Diagram instance and how to refresh them all when a change in one of them occurs.
Org Chart Editor
A sample application to build an org chart. Right-click on a node to create a subordinate, click on a field inside a node to edit it.
The sample shows all predefined node shapes in the diagram library including BPMN shapes and arrowheads.
The SwimlaneLayout arranges process diagrams where nodes that represent activities are placed in swimlanes that represent resources.
A demonstration of the parameters of the RoutingOptions class and the effect they have on the link routing algorithm.
The sample implements a sequence diagram by using the Constraints property of nodes and by using automatic link routing.
A simple application that represents a vector-graphics editor for ShapeNode shapes using the ShapeDesigner control.
Flowcharts can be created faster by allowing users to draw arrows from existing nodes to empty areas on the canvas.
Spring Layout 3D
This animated 3D version of the SpringLayout displays the nodes inside a DiagramView3D control and allows camera rotation and pan.
The TabbedDiagramView control, which allows unlimited number of diagram tabs, with a variety of options to customize them.
The sample demonstrates one possible way of implementing ternary connections using the diagram library.
The TreeMapLayout algorithm, applied on an arbitrary folder. The layout visualizes hierarchical data using nested rectangles.
>The VirtualizingDiagram control can handle large amount of items without affecting performance. The sample uses 150 000 nodes.
The diagram library is compatible with Visio and this sample demonstrates how to load Visio stencils in a NodeListView.
A workflow designer, which lets you create diagrams with unlimited depth using an activity, while loop, if-else condition.
The tutorial shows how to load graph data from XML and create diagram objects corresponding to the graph nodes and edges.
This tutorial shows how to load hierarchical data recursively from XML and create diagram items corresponding to the hierarchy.
The tutorial shows how to define a custom node class that inherits TemplatedNode, adds new properties and uses WPF data templates.