Welcome to Graph Visualizer
Build, style, and analyze graphs right in your browser! Reopen this guide anytime with the button.
Build Your Graph
Add vertex: Left-click empty space
Connect: Left-click on two vertices to add an edge between
Self-loop: Left-click the same vertex twice
Edit & Style
Edit Mode: Click "Edit Mode" or hold any vertex/edge ~2.5s
Edit anything: Vertex color/label/size/shape, edge color/width/style
Switch freely: In Edit Mode, click any vertex or edge to edit it
Edge direction: Click an edge to cycle undirected ↔ both directions
Complement: One click to invert every edge in the graph
Delete Mode: Toggle it, then click vertices/edges to remove
Analyze & Generate — Pro
BFS / DFS: Run searches with animated pathfinding
Search target: Right-click a vertex to set the target
AI Generate: Describe a graph and let AI build it
Go Pro: Create an account on the home page to unlock these
Save & Share
Auto-Save: Your work is saved as you go
Export: Download as JPG, PNG, JSON, or TXT
Share: Get a shareable link to your graph
Load: Open a JSON file, or drag it onto the canvas
Tips
Panels: Click a header to collapse; drag the ⋮⋮ handle to reorder
Grid: Turn on Grid Lines for precise placement
Visibility: Toggle labels, vertices, and edges independently
Theme: Switch between light and dark anytime
Need help? Reopen this guide with , or reach us via Settings → Contact