That hamburger you had for lunch may have parts of it that traveled across the entire world. Aren't you always a bit curious about where your food come from? Even though food data is becoming increasingly available, traditional viewing methods are often too complex, visually unappealing, and hard to work with for the casual viewers.

What it does

Map of Origins is an interactive map of the food world economy which empowers the crowd's knowledge by making the viewing of food origins simpler and more fun. It is a lighter model that does not overload information which makes it easier to appeal to the mass. Also, because of the difficulty we had in finding and processing the open data, we decided to make our web app output open data that will be easier to work with, to make it easier for developers to make something cool.

How I built it

We parsed over 400,000 data points of FAO's imports and exports matrix data, storing them on our own database. Then, we processed our data and mapped them to the d3 maps API and created graphs utilizing canvasjs.

Challenges I ran into

Coming up with an idea was hard because it was difficult to find relevant data; we had to ditch many project ideas because of the lack of data. Open data was quite hard to parse into a useable form and linking this data to our map was pretty challenging. The sheer volume of the data we worked with also proved to be a challenge. Oh also, having to skip classes for a Thursday hackathon.

Accomplishments that I'm proud of

We were able to think up of a way to effectively utilize open data, parse an enormous amount of it, complete the web app, build a relatively robust system, and polish the design in one day with just two team members.

What I learned

How to work with d3.js and canvasjs.

What's next for Map of Origins

Built With

Share this project: