AliceR / tiny-projects

tiny-projects

list with ideas

A. Morphing

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

  • is it possible to manually distort projections by interactively 'grabbing' single gridlines and dragging them around? I imagine the result like in the images...

B. Flows

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

C. WebGL

Goal: learn how to use WebGL to make awesome globes Examples & Tutorials: https://www.chromeexperiments.com/webgl http://learningwebgl.com/blog/?page_id=1217

D. Routing

Goal: find a meeting point in the middle of three locations Isochrones?