The Other Food Pyramid

JavaScript | HTML5 | CSS3

THE OTHER FOOD PYRAMID
My first foray into web development, this interactive uses the HTML5 canvas element to dynamically respond to slider input and visualize information in real time. I used paper.js to create and display vector graphics, and the powerange slider for visual customization; everything else is original.

The graphic is meant to illustrate the sustainability costs of meat overconsumption. As an exercise primarily in design and programming, the data is singly-sourced and not rigorously representative of the issue. 

ALSO CHECK OUT:

USS EISENHOWER: HTC VIVE EXPERIENCE
2016
FLUID SIMULATIONS
2016
FITZY iOS
2016
FOEBOTS IOS
2015
MINIMAYA 3D MODELER
2015
VITRUVIAN REALSPACE ANIMATION
2016
RATCHET
2016
MONTE CARLO PATH TRACER
2015
IDENTIFIND
2015
COMPUTER SCIENCE VISUALS
2015
Back to Top