Studio
See what buyers see, before they do.
One key renders the chart through the real Canvas runtime; another tilts it into an orbitable 3D view. Every edit previews live, so publish day holds no surprises.
Sound familiar?
Drawing blind
Exporting to check how it looks is a loop that eats afternoons. The preview is the real renderer, one keypress away.
Flat maps buyers can't read
Raked seating reads as stacked rows in 2D. The 3D view shows buyers the room as a room.
Publish-day surprises
The chart that looked fine in the editor and wrong in the store. Previewing in the actual runtime kills the gap.
Truthful previews, zero setup
01The real runtime, one keyPress P and the chart renders through seatmap-canvas itself, zoom, states, and all.
02An orbitable 3D viewPress 3 and drag to orbit; the layout projects with depth, no WebGL, no dependencies.
03Live as you editThe preview follows the document. Move a row, watch the render move.
04Buyer picking in 3DEnable 3D seat picking per chart and the storefront selects in the tilted view.
05Clickable in previewSeats in the 3D view select back into the editor, inspection, not just admiration.
06Multi-floor awareThe preview handles floors with the same payload the storefront receives.
Preview in two keys
- 01Press PThe chart renders through the real Canvas runtime.
- 02Press 3Orbit the layout in the dependency-free 3D view.
- 03Publish with confidenceWhat you previewed is byte-for-byte what buyers render.
Preview the difference
2D and 3D previews, live in the demo.