DiagramStudio.Controls 0.1.0

DiagramStudio.Controls

A drop-in WPF diagram editor — render and edit node-link and swimlane diagrams with a single element. A free, no-licence-key component for flowcharts, process maps, swimlanes, org charts, network diagrams and mind maps. Everything draws on one SkiaSharp surface (pan/zoom is a single matrix, crisp at any zoom); built on DiagramStudio.Core.

Install

dotnet add package DiagramStudio.Controls

(Pulls in DiagramStudio.Core and DotSharp.Core automatically. Targets net8.0-windows, WPF.)

Drop it in

<Window xmlns:dg="clr-namespace:DiagramStudio.Controls;assembly=DiagramStudio.Controls">
    <dg:DiagramControl x:Name="Diagram" />
</Window>

var doc = new DiagramDocument();
var lane = doc.AddLane("Sales");
var a = doc.AddShape("Start", "startend", lane.Id);
var b = doc.AddShape("Prepare quote", laneId: lane.Id);
doc.AddLink(a.Id, b.Id, "go");

Diagram.Document = doc;   // renders, fits, and is immediately editable

What you get

• Shapes & links — process / decision / start-end (extensible kinds) plus image shapes; orthogonal / straight / Bézier links with arrowheads on both ends, dashes, labels, line-jumps, and obstacle-avoiding routing.
• Swimlanes & containers — lane bands with drop-into membership; container shapes with a header that auto-resizes to its children and collapses/expands.
• Full editing loop — pan / zoom / fit, multi-select + marquee, drag, resize & rotate handles, connect mode, drag-to-reconnect endpoints, inline text editing, align / distribute, z-order, group / ungroup, grid snap + alignment guides, undo / redo, copy / paste / duplicate, keyboard nudge.
• Auto-layout — inject layered / tree / radial / force-directed / circular / grid / swimlane layouts, animated.
• Styling — per-element fill / stroke / font / arrowhead / dash; Light & Dark themes.
• Export — PNG, vector PDF, and system print; plus Visio .vsdx and GraphViz DOT open / save.
• Companion controls — ShapePalette, DiagramMinimap, DiagramRuler, LayoutPanel, StylePanel, and live data-binding via DiagramBinding<TNode,TEdge>.

Designed to embed

The control ships no chrome — toolbars, menus, dialogs and file I/O stay in your host, so it drops cleanly into any layout (or a locked-down viewer). Behaviour is tuned with bindable dependency properties (SnapToGrid, IsConnectMode, InlineTextEditing, AvoidObstacles, …) and events (DocumentModified, SelectionChanged, ShapeActivated, …). Persist with DocumentSerializer (JSON) in DiagramStudio.Core.

License

MIT.