← All tools

Toolkit · Interpretation

Panorama Viewer

Full-screen 360° views of a place people can't easily reach.

Screenshot of Panorama Viewer

The problem

Some of the most important places an institution interprets are hard to visit — a ruin down a gravel road, a site that floods, a room that can't take foot traffic.

How it works

Drop equirectangular images into a folder and duplicate one small HTML file per view. The viewer libraries are vendored, so there's no CDN dependency and nothing to install.

Worth knowing

This is the smallest thing here and deliberately so: seven near-identical files of about 750 bytes each, rather than a router, a build step and a configuration format. For seven panoramas, a framework would have been more code than the thing itself.

It's a useful counterexample to the instinct to generalize early. If you add an eighth panorama, you copy a file — which takes ten seconds and will never break.

Using it at your organization

  • Put your own equirectangular JPEGs in the panos folder.
  • Duplicate one HTML file per view and change the filename it points at.
  • Zero configuration, zero build, zero dependencies to install.

Stack: Three.js + Panolens (vendored) · static HTML · GitHub Pages
Licence: MIT — use, modify and redistribute freely, commercially or not.
Hosting: static files; no server required.

Related tools

Built for the Theodore Roosevelt Presidential Library and released for anyone to use. See all 19 tools, or read how the whole system is built.