Graph Editor Tutorial
This guide will help you get started with creating, customizing, and managing your graphs.
Node Operations
Creating Nodes
Double-click anywhere on the canvas to create a new node at that location.
Labeling Nodes
Select a node by clicking on it. Once selected, you can type mathematical expressions using LaTeX syntax to label the node—ideal for graphs that require mathematical notation.
Moving Nodes
Click and drag a node to reposition it on the canvas. To disable snapping to other nodes or guides while moving, hold down the Shift key.
Deleting Nodes
Select a node by clicking on it and press the Delete key to remove it from your graph.
Edge Operations
Creating Edges
To connect nodes with edges, hold down the Shift key, click on a node, and drag the cursor to another node. Release the mouse button to establish the edge.
Adjusting Edges
Click and drag directly on an edge to bend it, transforming straight edges into arcs. This allows for more complex graph representations.
Modifying Edge Direction
Double-click on an edge to change the direction of its arrow. The edge cycles through three states:
- No Arrow (undirected edge)
- Arrow Pointing Forward
- Arrow Pointing Backward
Deleting Edges
Select an edge by clicking on it and press the Delete key to remove it from your graph.
Additional Features
Grid Snapping
For precise placement of nodes and edges, activate Caps Lock to enable grid snapping. This will align your elements to an underlying grid, ensuring uniform spacing and alignment.