slopgraph
slopgraph
100%

TikZ export

Open a graph

Load a JSON file saved from this tool, or paste its contents below.

Clear the canvas?

All vertices and edges will be removed. You can undo this.

Shortcuts and tips

Tools

V Select
Click to select, drag to move. Shift-click adds to the selection. Drag on empty space for a box selection. Double-click empty space to add a vertex.
N Vertex
Click on empty space to add a vertex.
E Edge
Click a vertex, then another (or drag between them). Click the same vertex twice for a loop. Drag onto empty space to add a new connected vertex.
H / Space
Pan. Mouse wheel zooms, F fits the graph in view.

Curves

Bend
Select an edge and drag its middle handle (or the edge itself) sideways. The bend angle is the TikZ bend left/right value.
Bézier
Two free control points, exported as .. controls .. and ...
Spline
A smooth curve through waypoints. Alt-click the edge to add a waypoint, Alt-click a waypoint to remove it.
Loop
Drag the loop's handle around the vertex to change its direction.

Editing

Del
Delete the selection
Ctrl+Z / Y
Undo / redo
Ctrl+A
Select all
Ctrl+D
Duplicate the selection
Ctrl+C / V
Copy / paste the selection
Arrow keys
Nudge selected vertices by one grid step (Shift: a fine step)
Enter
Edit the label of the selection
Ctrl+E
Export TikZ

Labels

Labels are TeX: write $v_1$, $\alpha$, \textbf{A}. The canvas shows a close preview; the export passes your text through unchanged. Colors accept xcolor names and mixes such as blue!30, or any custom color (exported with \definecolor).