Project Participants:
-
Developer + Interaction Designer: Myself
-
Designer: Ash Co
-
Client: Environmental Defense Fund
Project Summary:
The Environmental Defense Fund is a non-profit organization focused on finding innovative solutions to environmental problems through science, policy, and partnerships with businesses and government. Working on the project in collaboration with Ash Co, we took the organization's joint action report to create a digitally interactive, modern visualization of global methane emission data.
The final deliverable was built using a MySQL database, PHP, HTML / CSS, and pure JavaScript to power the interactions. On the landing page, the individual bars are slightly different sizes to dynamically correlate to the weight of each organization's impact.
Within each breakdown, an SVG is displayed with each bubble correlating to a company in the sidebar list — with its size scaled to represent the relative impact of each organization.