This examples demonstrates how to use D3's brush component to implement focus + context zooming. Click and drag in the small chart below to pan or zoom.
|all: hill-relief.jpg costarica_min_topo.json|
|# Relief raster|
|# Notice the `zip` file requirements here have no download.|
|# You will need to search for them online. They are from the|
|# SRTM project: http://www2.jpl.nasa.gov/srtm/|
|# (which appears to have multiple versions of files).|
It's a very simple way to create an interactive animation based on video material. Hover over the image to go through the animation.
I used Final Cut Pro to export the frames of a short video sequence, which I then stitched together into a single film strip using ImageMagick:
convert folder-of-stills/* +append filmstrip.jpg
Click the Open in new window button to see them all.
Novel code Inspired once again by Jason Davies.
Andy's original text:
We've all seen the projected head from Elements of map projection with applications to map and chart construction, but the authors in 1921 did not have D3 to help them show a full range of weird distorted faces. This is based on the Map Projection Transitions example by Jason Davies.