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 original code has now been extracted into its own component.
- Joshua Byrd (phocks@gmail.com)
- Nathan Hoad (hoad.nathan@abc.net.au)