Graph editing surface
Node Editor Control
Build visual graph tools without hard-coding the domain into the canvas.
Explore source ↗Capability
A templatable Avalonia control and portable model for nodes, sockets, connectors, selection, viewport interaction, and graph editing.
- 01
Nodes, ports, and connectors
- 02
Fully templatable presentation
- 03
Selection and viewport interaction
- 04
Portable graph model
How it composes
From intent
to working system.
Model
Nodes, sockets, and connections describe graph structure.
Template
XAML controls how every graph element looks.
Interaction
Pointer and keyboard workflows create, select, move, and connect.
Domain
Applications attach their own semantics and evaluation.
Quick start
Adopt this
capability.
Start with the primary module, then add the related packages only when the application needs those layers. Replace VERSION with the current NuGet version.
dotnet add package NodeEditorAvaloniadotnet add package NodeEditorAvalonia.Model<PackageReference Include="NodeEditorAvalonia" Version="VERSION" /><PackageVersion Include="NodeEditorAvalonia" Version="VERSION" /><nodes:NodeEditor Nodes="{Binding Nodes}" Connections="{Binding Connections}" SelectedItems="{Binding Selection}" />Modules in this capability
Use one layer.
Compose the rest.
Source of truth
Read the module beside the complete system.
The implementation, samples, issues, and release notes stay in the parent repository so module details remain connected to the product architecture.