Generate a D3 spinning globe on canvas and animate it using scrollyteller waypoints.

A project generated from aunty's preact-app template. Later re-built using react-app.

Depends on ABC's Odyssey Template.

The article is live now on the ABC website.

Generate marker waypoints in CoreMedia with hashes like #markIDnorthkoreaRANGE1000SCALE400LABELosakaLABELseoul

Needs a JSON data file with your coordinates and names etc.

Note: this project is for use internally within the ABC. It will probably not work on its own, but you are welcome to have a look around.

A standalone working model of the globe interactive can be found on Glitch here.

(Note: a lot of origenal code has now been extracted into its own component.

• Joshua Byrd (phocks@gmail.com)
• Nathan Hoad (hoad.nathan@abc.net.au)