Northwoods.GoWinForms 10.0.0-alpha9

GoDiagram — .NET Library for Interactive Diagrams

GoDiagram is currently in alpha

<img align="right" height="150" src="https://godiagram.com/assets/images/icon.png">

GoDiagram is a .NET library for creating interactive diagrams, charts, and graphs. It is based on the GoJS JavaScript diagramming library, also from Northwoods Software.

Get Started with GoDiagram

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.

This repository contains the sources for all samples and extensions. You can use the GitHub repository to quickly search through the sample sources.

Minimal Sample

Graphs are constructed by creating one or more templates, with desired properties data-bound, and adding model data.

  ...

  private void Setup() {
    _Diagram = diagramControl1.Diagram;

    // diagram properties
    _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 }
            .Bind("Fill", "Color"),
          new TextBlock {
              Font = new Font("Segoe UI", 14, FontWeight.Bold), Stroke = "#333", Margin = 8, // Specify a margin to add some room around the text
              Editable = true
            }
            .Bind("Text")
        );

    // 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<NodeData> {
        new NodeData { Key = "n0", Text = "Alpha", Color = "lightblue" },
        new NodeData { Key = "n1", Text = "Beta", Color = "orange" },
        new NodeData { Key = "n2", Text = "Gamma", Color = "lightgreen" },
        new NodeData { Key = "n3", Text = "Delta", Color = "pink" }
      },
      LinkDataSource = new List<LinkData> {
        new LinkData { From = "n0", To = "n1" },
        new LinkData { From = "n0", To = "n2" },
        new LinkData { From = "n1", To = "n1" },
        new LinkData { From = "n2", To = "n3" },
        new LinkData { From = "n3", To = "n0" }
      }
    };
  }

  // define the model data
  public class Model : GraphLinksModel<NodeData, string, object, LinkData, string, string> { }
  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.

<img width="200" height="200" src="https://godiagram.com/assets/images/screenshots/minimal.png">

License

The GoDiagram <a href="https://godiagram.com/license.html">software license</a>.

Copyright (c) 2022 Northwoods Software Corporation