Export Image

Data Visualization Studios World Tour WIP

Curran Kelleher - JFA

0 views in last 90 days
Last edited Jan 23, 2026
Created on Jan 23, 2026

World Tour (Van Wijk Smooth Zoom + Globe Rotation)

This project renders an orthographic globe (Canvas/SVG) with interactive labels and a programmatic "World Tour" camera.

The tour steps through data points with:

  • Smooth globe rotation (shortest-path interpolation)
  • Smooth zooming/panning (Van Wijk / Nuij technique via d3.interpolateZoom)
  • Pause/Resume on user interaction (drag to rotate, scroll to zoom)

Controls

  • Space: Play/Pause tour
  • Right Arrow: Next stop
  • Left Arrow: Previous stop
  • Esc: Stop tour (return to manual control)
  • Drag: Rotate globe (pauses tour)
  • Scroll/Pinch: Zoom globe (pauses tour)

Configuration

Edit config.js to tune tour physics:

  • tourDataSource: 'studios' or 'cities'
  • tourStepDurationMs: Flight time between stops
  • tourHoldDurationMs: Hover time at destination
  • tourZoomedFovRadiusPx: Controls how "close" the zoom gets (smaller = closer)
MIT Licensed