Graph Builder

Build and visualize graphs interactively, complete with Directed, Undirected, and Weighted edge configurations.

A network of nodes (vertices) connected by edges. Build visually or from text to instantly view matching Adjacency records.

classGraph{isDirected: boolean;
isWeighted: boolean;
nodes: Map<string, Node>;
edges: Edge[];
}

Select a node or edge.

Click any Node or Edge on the canvas to update its label or weight here.

Live Adjacency List

Graph is empty. Nodes will appear here.

Live Adjacency Matrix

Graph is empty. Nodes will appear here.