Visualize Graphs,
Beautifully
Create, edit, and explore graph structures with force-directed layouts, real-time simulation, and instant export — all in your browser.
Toolbar
Switch between modes seamlessly
Everything you need
A complete toolkit for graph visualization and exploration.
Force-Directed Layout
Physics-based simulation that arranges nodes for optimal readability. Tune repulsion, attraction, and gravity in real time.
Draw & Edit
Create nodes with a click, connect them by selecting pairs. Edit labels inline and restructure freely.
Import & Export
Import/export graph data as JSON. Export renders as high-resolution PNG or vector SVG.
Configurable Simulation
Adjust node radius, edge length, and layout commands - arrange nodes in circles, grids, or layered views.
Undo / Redo
Full history with Ctrl+Z / Ctrl+Shift+Z. Never lose your work - roll back up to 50 steps.
Directed & Undirected
Toggle between directed and undirected graphs. Arrowheads render automatically on directed edges.
See it in action
Model real architectures — from microservices to knowledge graphs.
Tab and Shift plus Tab cycle nodes. Arrow keys move focused node. In force or config mode, space toggles fixed state. In edit mode, Enter starts label editing.
GraphViz
Build and explore graph structures with force layouts, instant editing, and export-ready visuals.
node or source target [weight] [label...]Drag nodes to reposition. The physics simulation adapts the entire layout in real time. Pin nodes to lock them in place.
Ready to build?
Bring your graph ideas to life.
Start editing instantly with force simulation, smart controls, and export-ready output.