https://github.com/northwoodssoftware/godiagram
.NET diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
https://github.com/northwoodssoftware/godiagram
avalonia data-visualization diagram dotnet dotnet-library graph interactive-diagrams layout visualization winforms
Last synced: 3 days ago
JSON representation
.NET diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
- Host: GitHub
- URL: https://github.com/northwoodssoftware/godiagram
- Owner: NorthwoodsSoftware
- License: other
- Created: 2021-11-11T21:02:50.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2026-03-31T14:26:10.000Z (6 days ago)
- Last Synced: 2026-03-31T16:29:51.659Z (6 days ago)
- Topics: avalonia, data-visualization, diagram, dotnet, dotnet-library, graph, interactive-diagrams, layout, visualization, winforms
- Language: C#
- Homepage: https://godiagram.com
- Size: 3.41 MB
- Stars: 124
- Watchers: 6
- Forks: 13
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: license.md
Awesome Lists containing this project
README
# GoDiagram — .NET Library for Interactive Diagrams
[GoDiagram](https://godiagram.com) is a .NET library for creating interactive diagrams, charts, and graphs. It is based on the [GoJS](https://gojs.net) JavaScript diagramming library, also from Northwoods Software.
[](https://github.com/NorthwoodsSoftware/GoDiagram/issues)
[](https://twitter.com/NorthwoodsGo)
[Get Started with GoDiagram](https://godiagram.com/winforms/learn)
GoDiagram is a flexible library that can be used to create a number of different kinds of interactive diagrams, including data visualizations, drawing tools, and graph editors. GoDiagram includes a number of built in layouts including tree layout, force directed, radial, and layered digraph layout, and a number of custom layout examples.
Read more about GoDiagram at [godiagram.com](https://godiagram.com).
[This repository](https://github.com/NorthwoodsSoftware/GoDiagram) contains the sources for all samples and extensions.
You can use the GitHub repository to quickly [search through the sample sources](https://github.com/NorthwoodsSoftware/GoDiagram/search?q=FindNodeDataForKey&type=Code).
In your project, we recommend referencing the library via NuGet as it will more reliably add toolbox items and necessary references:
- [WinForms](https://www.nuget.org/packages/Northwoods.GoDiagram.WinForms)
- [Avalonia](https://www.nuget.org/packages/Northwoods.GoDiagram.Avalonia)
## Minimal Sample
Graphs are constructed by creating one or more templates, with desired properties data-bound, and adding model data.
```cs
...
private void Setup() {
_Diagram = diagramControl1.Diagram;
_Diagram.UndoManager.IsEnabled = true; // enable undo & redo
// define a simple Node template
_Diagram.NodeTemplate =
new Node("Auto") // the Shape will go around the TextBlock
.Add(
new Shape("RoundedRectangle") {
StrokeWidth = 0, // no border
Fill = "white" // default fill is white
}
// Shape.Fill is bound to Node.Data.Color
.Bind("Fill", "Color"),
new TextBlock {
Margin = 8, // some room around the text
Font = new Font("Segoe UI", 14, FontWeight.Bold),
Stroke = "#333"
}
// TextBlock.Text is bound to Node.Data.Key
.Bind("Text", "Key")
);
// but use the default Link template, by not setting Diagram.LinkTemplate
// create the model data that will be represented by Nodes and Links
_Diagram.Model = new Model {
NodeDataSource = new List {
new NodeData { Key = "Alpha", Color = "lightblue" },
new NodeData { Key = "Beta", Color = "orange" },
new NodeData { Key = "Gamma", Color = "lightgreen" },
new NodeData { Key = "Delta", Color = "pink" }
},
LinkDataSource = new List {
new LinkData { From = "Alpha", To = "Beta" },
new LinkData { From = "Alpha", To = "Gamma" },
new LinkData { From = "Beta", To = "Beta" },
new LinkData { From = "Gamma", To = "Delta" },
new LinkData { From = "Delta", To = "Alpha" }
}
};
}
// define the model data
public class Model : GraphLinksModel { }
public class NodeData : Model.NodeData {
public string Color { get; set; }
}
public class LinkData : Model.LinkData { }
...
```
The above diagram and model code creates the following graph.
## License
See [nwoods.com](https://nwoods.com/licenses) for our licenses.
Copyright (c) Northwoods Software Corporation