2020 ✻ D3.js, HTML, CSS ✻ Demo
In Spring 2020, I took a course called Information Presentation & Visualization (DS 4200) that was a part of Northeastern's service-learning program. Throughout the semester my team and I partnered with the UNFPA, known as the United Nations Population Fund, to design and build a useful data visualization for their operations.
At the start of the semester, we interviewed representatives from the New York UNFPA office to identify any problems they faced that could benefit from a visualization.
During our discussion, they communicated the desire for a channel that the 120 global UNFPA offices could use to learn about each other's country initatives.
A country intiative is essentially a UNFPA program that targets a problem area (e.g. Sexual Reproductive Health, Gender-based Violence) in a particular country.
My team decided to run with this idea and set out to create a "learning map" that would allow users to explore different country initiatives.
The dataset we received from UNFPA was mostly non-numerical, categorical data about different country initiatives. So first we played around with some visualization ideas in Tableau in order to get a sense of how we could display qualitative data in an interesting way.
After becoming familiar with the data we were working with and taking into account our client's needs, we established three domain tasks we wanted an MVP of our visualization to achieve:
Guided by these three core domain tasks, we each hand sketched a few directions our visualization could go in. Below are some our early sketches that inspired our final design.
Next, I onboarded our team onto Figma and synthesized ideas from our hand sketches to a polished digital sketch:
Half of my team came from non-technical backgrounds, which presented the unique challenge of implementing a web project together with varied design and development skills. To help bridge this gap I...
At the end of the semester, we delivered a complete prototype of a learning map to our partners at the UNFPA, who plan on adapting our project to their work on UNFPA learning!