An interactive, responsive graph editor built for visualizing and manipulating graph data structures with real-time force-directed physics.
- Interactive Canvas: specialized nodes with physics-based force simulation. Drag, drop, and pin nodes dynamically.
- Multiple Modes:
- Force: Interact with the simulation.
- Draw: Create nodes and edges visually.
- Edit: Rename nodes instantly.
- Delete: Remove elements with a click.
- Config: Fine-tune visual properties.
- Bidirectional Sync: Edit graph structure via the visual canvas or the raw text editor (adjacency list), with instant 2-way synchronization.
- Customization:
- Toggle between Directed and Undirected graphs.
- Support for 0-indexed, 1-indexed, and Custom labels.
- Adjustable node radius, edge length, and colors.
- Dark and Light mode support.
- Layout Tools: One-click "Arrange as Tree" for hierarchical visualization.
- Export: Download your graph as a high-resolution PNG or raw SVG code.
- Responsive Design: distinct, optimized layouts for Mobile, Tablet, and Desktop experiences.