A presentation about building a visualization about the European refugee crisis. The presentation illustrates the choices and dead ends encountered along the way. Built using Reveal.js.
- Hacks/Hackers HKI (28.10.2015)
Get the lucify-refugees code running on your local machine. Make ten snapshots of the code at different commits (hashes below) and serve these ten different versions locally on ports 3000, 3002, ...3018. I recommend using Git's new worktree command for this:
cd <path-to-lucify-refugees>
mkdir versions
git worktree add --detach versions/01-first-version master
cd versions/01-first-version
git checkout 84e9b97516adcdb349ed56fe679eea99750f7055
<set up the repo with npm install, etc.>Setting up code to run usually consists of npm install, ./prepare.sh && node src/scripts/prepare-asylum-data.js (in early versions) and bundle install (from a certain point on).
Repeat the last three steps for the remaining nine versions. The version commit hashes are:
- First version:
84e9b97516adcdb349ed56fe679eea99750f7055 - Center point vs. random point:
0f83c5efda2d8c24f7947293b3f7b594f21cd343 - Refugee data added:
345f2f99d26bcbac3c08a0d7c30eb1f7814edcdf - Added a spread:
50045bbbd0240611cd0740d25b7f4980793b662f - Permanent random point:
56914ce4f9f30374b91d99a0c8de91fc92f08612 - Added bar graphs:
3807170adee60bb12c85d9feddda4ac96715085c - Added tails + legend + country labels:
3cdefe8bd2c2c444e099f72cfb0b14fe1b73067d - Highlight refugees + country labels on hover:
c9de83875de510df4dd8d5a6264fef050d44e190 - Scrolling through time:
df2446ddb3bb9c6cd099d0ade94dbcd76956b039 - Country-specific hover data:
294d3966c0db2ff76852fb5f5563531c4662f52d
Once all of these have been set up, start the HTTP server in each repo with gulp. If you start the server in the order above, the ports will be the correct ones (3000, 3002...) by default. Then open index.html from this repo.