Goal: implement shape morphing with D3
Examples & Tutorials:
http://jamiepopkin.blogspot.ca/2015/05/morphing-between-svg-shapes.html
-
A1. Simple shape morphing
- learn how morphing works by morphing simple geometrical shapes...or other shapes
- idea for extra-task: build some funny, eye-catching, repetitive visualization of shape morphing
-
A2. Geo-morphing
- morph shapes of countries to other countries
- idea for extra-task: create a quiz in which users would have to guess what country it is
-
A3. Projections morphing
Goal: play with possibilities to visualize movement
Examples & Tutorials:
http://www.lucify.com/the-flow-towards-europe/
https://bl.ocks.org/mbostock/5649592
-
B1. Animate stroke from start to end to show moving direction on great circles
- Created something like this: http://raluca-nicola.net/travelMap/
-
B2. Animate stroke on a given path
- draw path gradually given a certain speed (for example a road)
-
B3. Animate point on an invisible path
Goal: learn how to use WebGL to make awesome globes Examples & Tutorials: https://www.chromeexperiments.com/webgl http://learningwebgl.com/blog/?page_id=1217
Goal: find a meeting point in the middle of three locations Isochrones?