WhoBuilt

Deep Zoom

Also known as tile pyramids, image pyramids

1 Talk3 Facts3 Sources

Key facts

Built by
Notion, custom React Native plan viewer using tiled image pyramids
Capabilities
Viewer virtualizes tiles by computing and displaying only those visible in the viewport
Loads square image tiles across pyramid levels to support detailed zooming

Timeline 3

Dated events, newest first. Open the sources under any item.

How we verify
Built1Capability2
20223 events
  1. as of Sep 2022Capability
    Viewer virtualizes tiles by computing and displaying only those visible in the viewport
    “we compute the visible tiles and only display those.” 41:18
    Unverified1 source· Talk
  2. reported 2022-09Capability
    Loads square image tiles across pyramid levels to support detailed zooming
    “the original file is split into square tiles.” 21:56
    Unverified1 source· Talk
  3. reported 2022-09Built
    Notion built Deep Zoom
    custom React Native plan viewer using tiled image pyramids
    “we managed to achieve what we wanted.” 37:38
    Unverified1 source· Talk

Talks 1

46:22
Building a full JS deep zoom image viewer
Maxence Harm

Maxence Harm describes how his construction management SaaS product needed a precise, high-performance viewer for large floor plans and blueprints. The talk explains image pyramids and how the team first prototyped tile display with React Native Maps, then moved away from it because map-specific behavior and coordinates did not fit their interaction needs. They built a custom React Native viewer with Reanimated 2, gesture handling, and virtualization to display only visible tiles. Harm also covers the component’s current limitations, possible improvements, and the possibility of open-sourcing it.

Sep 22, 2022· 46 minDiscussed 0:10