Network Graph Visualization Family

Overview

Base Control: NetworkControl : MaterialControl
Namespace: Beep.Skia.Network

The NetworkControl is the root control for this diagram family. It inherits MaterialControl and provides shared port management, styling, and template methods for all nodes in the family.

This family contains 12 node types.

Node Types

Connection Points

Every node in this family exposes connection points (ports) for linking to other nodes. Port positions are computed lazily by LayoutPorts(), which runs when MarkPortsDirty() flags the layout as stale after a move or resize.

Connection Conventions

When building diagrams with this family, follow these conventions:

• NetworkGraph is the primary data model; NetworkNode/NetworkLink are visual
• Layout algorithms rearrange nodes to minimize edge crossings
• Analysis components operate on the graph structure, not the visual layer

Usage Example

Complete example showing creation, node placement, and connection:

var net = new NetworkControl
{
    X = 50, Y = 50,
    Width = 700, Height = 500
};
drawingManager.AddComponent(net);

var graph = new NetworkGraph();
var n1 = graph.AddComponent("A", x: 100, y: 100);
var n2 = graph.AddComponent("B", x: 250, y: 80);
var n3 = graph.AddComponent("C", x: 250, y: 180);
graph.AddLink(n1, n2, weight: 1.5);
graph.AddLink(n1, n3, weight: 2.0);
graph.AddLink(n2, n3, weight: 0.8);

var finder = new PathFinder(graph);
var path = finder.FindShortestPath(n1, n3);

var centrality = new CentralityMeasure(graph);
var scores = centrality.CalculateBetweenness();