block by kenpenn 16a9c611417ffbfc6129

d3 to three

Full Screen

Pictures are a scrollable ul; select “Show All” in the select box to scroll thru all people.

textures for three mesh are generated with topojson and d3

d3 is used for transitions and interpolation

three.js renders the globe

adapted from Mike Bostock’s World Tour

and Steve Hall’s Interactive WebGL Globes with THREE.js and D3

Tested on os x Mavericks Chrome, Safari, Firefox.

“Show All” sporadically crashes in Chrome Beta on my KitKat Android phone.

index.html

bostock-150x.jpg

cabello-150x.jpg

cohen-150x.jpg

coyier-150x.jpg

fox-150x.jpg

globe-list-3d.js

globe-list.css

hall-150x.jpg

haverbeke-150x.jpg

herman-150x.jpg

hodsden-150x.jpg

inman-150x.jpg

irish-150x.jpg

johnson-150x.jpg

kirk-150x.jpg

lawson-150x.jpg

mccrocklin-150x.jpg

meeks-150x.jpg

nadel-150x.jpg

ortiz-150x.jpg

parisi-150x.jpg

peeps.json

resig-150x.jpg

ros-150x.jpg

sharp-150x.jpg

snook-150x.jpg

sullivan-150x.jpg

viau-150x.jpg

weyl-150x.jpg

world-country-names.tsv

zakas-150x.jpg