drawtonomy

Draw driving scenes. Run driving scenarios. 🚗

A free, browser-based whiteboard for driving scenarios.
No install. No account.

🎬 Play a live scenario | 🎨 Start drawing | 📖 Docs | 💬 Issues

Two modes, one canvas:

• 🎨 Scene mode — draw the scene. Topology-aware lanes, vehicles, and intersections. Export figures (SVG / PDF) or maps (OpenDRIVE, Lanelet2).
• 🎬 Scenario mode — make it move. Add events and triggers, press play — esmini-WASM runs it in the browser, PASS / FAIL verdict included.

🎨 Scene mode

• Topology-aware lanes — connections follow when you edit
• Lane tool — click a centerline, get both boundaries
• Map → lanes — trace real roads from satellite/OSM data
• Intersection & roundabout templates — one click
• Vehicles, pedestrians, signs, and more — a full driving-domain library
• Snap & point sharing — geometry stays connected
• Path footprints — auto-placed and style-synced
• Math (LaTeX) — typeset equations on the canvas
• Re-editable saves — .drawtonomy.svg reopens with everything intact

📖 Feature tour with demo videos · docs.drawtonomy.com

🎬 Scenario mode

Start from a blank scene or an imported one, add events and triggers, and author a full OpenSCENARIO storyboard yourself.

• Visual authoring — phases, events, actions, and triggers on the scene you drew
• Open and edit any .xosc — from disk or a GitHub URL, fully editable
• Full playback — seek, Follow Ego, ghost trails, .webm export
• PASS / FAIL verdicts on every run
• esmini-ready export — .xodr + .xosc zip for desktop esmini
• CommonRoad — export scenarios, replay planner solutions with the official verdict: Play a CommonRoad scenario

Any public .xosc on GitHub runs with one click: Play a live scenario. The drawtonomy for GitHub extension plays them right where they live:

🧪 Test management

Keep requirements, test cases, and results as plain files, and open them in drawtonomy to see where each version passes or fails and replay any run. The files can live in a GitHub repository or a local folder. Open the AEB test suite example (source)

🔄 Formats

OpenDRIVE, Lanelet2, OpenSCENARIO, ROS maps, and figures like SVG/PDF. → Full format table · export formats reference

🤖 AI & automation

• AI Scene Generator — generate scenes from natural language or OpenSCENARIO XML — by @vishwesh5
• MCP Server — let AI agents draw scenes for you
• Headless SDK — generate and export scenes from Node.js, no browser
• AI Scenario Generation - generate OpenSCENARIO XML with AI

ai-scenario-generation-demo.mp4

🔒 Privacy

Browser-only. No backend, no account, no telemetry — files never leave your browser, even the esmini engine runs locally as WebAssembly. (details)

🧩 Build on it

An iframe-based extension system with an SDK and postMessage API:

pnpm add -g @drawtonomy/dev-server
drawtonomy-dev-server
# then open http://localhost:3000/?ext=http://localhost:3001/manifest.json

📖 Extending drawtonomy · Extension guide · Exporter guide

📚 More

• 🎞️ Feature tour
• ⌨️ Keyboard shortcuts
• ⚖️ Comparisons
• 💡 Use cases
• ❓ FAQ

_日本語