Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/NorthwoodsSoftware/GoDiagram
.NET diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
https://github.com/NorthwoodsSoftware/GoDiagram
Last synced: 26 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 (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-03-21T17:39:30.000Z (9 months ago)
- Last Synced: 2024-03-21T18:48:28.712Z (9 months ago)
- Language: C#
- Size: 3.06 MB
- Stars: 59
- Watchers: 8
- Forks: 9
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: license.html
Awesome Lists containing this project
- awesome-avalonia - GoDiagram - A .NET library for rapidly building interactive diagrams. (Libraries & Extensions / Charts & Plots & Diagrams)
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/latest/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) 2024 Northwoods Software Corporation