Canvas
Put the venue under the seats.
Layer the architect's plan, the pitch photo, or your brand artwork beneath the chart, globally, per block, or per floor, with fit and opacity controls that respect zoom.
Sound familiar?
Seats floating in a void
A grid without the building under it forces buyers to imagine the venue. The plan beneath makes it real.
Stretched, cropped, wrong
A squashed pitch photo is worse than none. Cover, contain, fill, or none. Fit is a setting, not luck.
Backgrounds that break zoom
Images that drift when buyers zoom destroy trust. Bounds are computed and preserved through every level.
Context, composited properly
01Chart-wide backgroundsOne image under the whole venue with opacity and fit controls, subtle by default.
02Per-block maskingAssign an image to a block and it's clipped to the block's shape. The pitch shows only under the pitch-side seats.
03Per-floor plansEach floor carries its own plan, so every level traces its own architecture.
04Auto-framingPosition and size auto-detect from the chart bounds when you don't set them. Override when you do.
05Clean compositingBlock borders and fills step aside when a background is assigned, no double-drawing.
06Everyday formatsPNG, JPG, SVG, WebP, and GIF, cached by the browser like any image.
Layer it in
- 01Pick the imageThe floor plan, the pitch, the artwork, any common format.
- 02Tune fit & opacityCover or contain, loud or faint, per chart, block, or floor.
- 03Zoom-proofBounds stay pinned through venue, block, and seat levels.
See a map with context
Backgrounds at every level, in the demo.