Draw, connect, move and analyze 2D vectors — right in your browser. This quick tour shows the main ideas in a few steps.
Drag on the empty canvas to draw, or type an exact magnitude & angle. Give each vector its own color, and switch between the light and cyberpunk dark theme.
Tips that meet snap together into a joint (green ring). Drag the joint and every connected vector moves with it — fixed-length ones stay rigid. Hold Alt to detach one.
Turn on Box Select and drag a box around several vectors (or Shift+click to pick them one by one), then drag any of them to move the whole group at once.
Measure distance and angle between vertices, Sum vectors to see the resultant R, and read the smallest angle between any two — each shown live in the side panel.
| N | New Vector | S | Snap on/off |
| M | Measure | T | Dark/light theme |
| U | Sum / resultant | Del | Delete selected |
| A | Angle | Ctrl+Z | Undo |
| B | Box select | Ctrl+⇧+Z | Redo |
| Space | Pan (scroll=zoom) | ? | Reopen this guide |
Tip: press ? anytime to see this again.
Found a bug or have an idea? Tell us — it helps make the tool better.
Looks like an ad blocker is running. Vector Diagram is completely free — a couple of small, non-intrusive ads are all that keep it online and getting better.
If you're feeling generous, please allow ads for this page to support the project. Totally your call, though — everything keeps working either way. 💙