Dazzler field guide

INTERACTIVE ILLUSTRATIONS / v0.13.0

An illustration you can explore.

Four working versions of a fictional arts-center guide. Choose a room with a pointer, touch or keyboard; the adjacent panel explains the space. All descriptions remain available as text.

An interactive vector floor plan

Vector regions

Keep the illustration crisp. Select named shapes and use accessible zoom and pan controls.

Explore the vector guide
An image map and selected room details

Image hotspots · React

Clickable image regions that stay aligned as the page resizes, with named controls and details.

Explore the React guide
An image map rendered for Vue

Image hotspots · Vue

The same useful interaction in a Vue host, including keyboard activation and touch selection.

Explore the Vue guide
Standalone image guide with native browser interaction

Native image regions

Lightweight interaction without a framework. Keyboard, touch and named controls.

Explore the native guide