D3.js scrolling stories — Titanic

CLICK to see demo

There are some great scrolling stories out there:

• The Rhythm of Food
• Global Gender Gap Report
• Intro to Machine Learning

and I decided to make my own.

Why Titanic data? As Udacity Reviewer I ‘ve seen 100’s of examples of Titanic visualisations (some better than others) and I’ve also had a crack at the Kaggle challenge myself so it’s data I know well.

I also had the luck to find a working example of a scroller by the brilliant Jim Vallandingham.

My challenge was to adapt this to my own resources and it’s been great fun.

I’ve published the code on Github with more detailed comments in the code and you can see a working example here.

I’ve recently found Scrollama which would be another good starting point.