Inspect Graphviz DOT structure, attributes, and relationships before layout.
The frame below runs the same code as this page, in the reader's own browser. Nothing is sent to us, and nothing is sent to you.
Pick a dark background and the text and panels follow it, so the frame stays readable on a dark page.
DOT source is tokenized into graph, node, edge, attribute, and subgraph statements; identifiers and quoted strings are parsed into an abstract graph for inspection. Layout engines later interpret attributes such as rankdir and shape to place nodes.
digraph G {
A [label="Start"]
B [label="End"]
A -> B
}
Graphviz DOT Analysis
=====================
Graph type: Directed graph (digraph)
Has subgraphs: false
Node definitions: 2
Directed edges (->): 1
Undirected edges (--): 0
Line count: 5
Note: Graphviz rendering requires the Graphviz engine.
Use https://dreampuf.github.io/GraphvizOnline/ for online rendering.
--- Source ---
digraph G {
A [label="Start"]
B [label="End"]
A -> B
}
Dependency reviews, CI validation, and documentation builds inspect DOT graphs.