Interactive web layout of an infographic about nutrition, for a unit in Visualisation Technologies.
- Data sources picked from various sources as CSV’s, or more horrifyingly just plain pictures. Tables weren’t too bad… 😂
- Converted into a JSON array (looks like [1, 2, 3]) with an online tool
- Placed into a Codepen with Chart.js loaded from a CDN
- Waypoints.js documenation was a bit too nice and simple, so I did struggle with that initially 🤔 (had some issues on finding out how to bind scroll events…)