Static documentation

Data Visualisation Catalogue Gallery

Rendered markdown notes for the catalogue review, compiler mapping, implementation tracker, and chart method specs.

38 chart methods
10 with reference assets
43 documents

Arc Diagram

Source: Data Visualisation Catalogue - Arc Diagram

Why This Belongs In The Compiler Gallery

Arc diagrams are the lightest network-style catalogue chart. They exercise a reusable edge-list contract without requiring force simulation, Sankey routing, or ribbon geometry.

Data Contract

Each raw row is one directed or undirected connection between two ordered nodes.

FieldTypePurpose
sourcecategoricalSource node for the connection.
targetcategoricalTarget node for the connection.
valuequantitativeConnection weight, used for arc stroke width and node totals.
pathDtext, derivedGenerated cubic arc path between source and target nodes.
strokeWidthquantitative, derivedValue-scaled arc width.
x, y, rquantitative, derivedNode position and radius.

Compiler Mapping

Compiler partMapping
Data sourceflows raw edge rows, derived arc-nodes, and derived arc-links.
Transformlayout with layoutKind: "arcDiagramNodes" and layoutKind: "arcDiagramLinks".
Scalescolor: ordinal(source).
LayersDirect path arcs, node points, node labels, and generated color legend.
GuidesNode labels and source legend.

Faithfulness Notes

The compiler now owns first-pass node ordering, node sizing, weighted arc width, and generated arc paths. Remaining work is richer node ordering, directed edge markers, label collision handling, and general network/ribbon layouts for heavier graph catalogue methods.