For this project, we used:
Cultivate Michigan is a campaign to encourage large meal-serving institutions to source 20% of their produce from Michigan farms by the year 2020. In order to encourage more institutions to take part, the campaign leaders asked Mouko to create a list of institutions, grouped by county, updated automatically in real-time as new institutions join and complete their user profile. Ideally, they said, we would create a graphical map showing the locations of member institutions.
We used a free and very stable HTML 5 graphics library called KineticJS and a public domain map of Michigan in Scalable Vector Graphics (SVG) format to create an interactive map. The SVG provided an outline of each Michigan county and by mapping member institutions’ zip codes to corresponding counties, we were able to create a “heat map” showing the distribution of member instutions, with colors ranging from light green (few institutions in a county) to dark green (many institutions in a county). Users can view the precise number of member institutions in a county by moving their mouse to the desired county. Additionally, clicking on a county gently scrolls the user down the page to a listing of member institutions grouped by county, as requested. By using free public domain solutions, we were able to save Cultivate Michigan money in licensing fees and delivered a pretty snazzy map to boot!