🖼️ Visual Diagram Editor
Click, Drag, and Create - Simple as That!
Diagram Type
Actions
Export
Quick Guide
- Click "Add Node" to create
- Drag nodes to move them
- Double-click to edit text
- Click "Connect" then click two nodes
- Click node once to select, then delete
Preview Canvas
💡 Tip: Click "Add Node" to start creating your diagram
📚 How to Use
1️⃣ Add Nodes
Click "Add Node" button to create new nodes. They will appear in the center of the canvas.
2️⃣ Drag & Position
Click and drag any node to move it around. Arrange your diagram visually.
3️⃣ Edit Text
Double-click on any node to edit its text content directly.
4️⃣ Connect Nodes
Click "Connect Mode", then click two nodes to draw a connection between them.
5️⃣ Delete
Click a node to select it (red border), then click "Delete Selected" button.
6️⃣ Export
Download your diagram as PNG or SVG for presentations and assignments.