Team name: Team Girlboss
Team members:
- Erin Szeto [email protected]
- Erica Xia [email protected]
- Madeleine Thompson [email protected]
- Sarah Pursley [email protected]
- Project proposal
- Final presentation: Transcript | slides
- Paper: Overleaf read-only link | PDF
- Demo link
- Video Transcript | YouTube link
Gender discrimination is an issue that has plagued modern economies, and although female participation in the workforce has been climbing, there are still many issues left to be addressed, especially outside of the US and in specific disciplines such as STEM. In this project, we create an interactive infographic that allows users to explore data documenting the gender gap in employment and in education. Visualizations in the infographic showcase information about the average female-to-male earnings ratio, gender wage gap, gender distribution by job sector, and more. The resulting website and infographic can be used by everyone curious about learning more about how this gender gap affects women across the world.
- With help of all team members, created slides
- Gave presentation in class
- Prepared transcript and slides for final presentation
- Gave final presentation in class on 12/1/2021
- Contributed to Abstract, Related Work, Data, Approach, System, and Conclusion sections
- Included screenshots of visualizations used in the demo and cited all relevant references
- Wrote Introduction section and contributed to Abstract, Data, Approach, System, and Conclusion sections
- Contributed to Related Work, Data, Approach, and System sections
- Animated and interactive d3 choropleth map using OECD gender wage gap, employment, and GDP data
- Created Vue app and formatted website with Bootstrap
- Interactive responsive time series line chart using monthly wage data
- Aggregated static time series line chart of female-male earnings ratio
- Zoomable circle packing chart using employment data
- Contributed to Vue app development and formatting website with Bootstrap
- Interactive Mapbox map using median annual income data
- Contributed to Vue app formatting
- Interactive bar chart using student enrollment data
- Line chart of gender parity indices with drop-down selection for country-specific views
- Interactive bubble chart using college majors and wage data
- Interactive radial bar chart using college major data
- Wrote transcript and recorded video
| Requirement | Label | Done |
|---|---|---|
| responsive d3 chart | responsive | ✅ |
| interactive d3 chart | interactive | ✅ |
| d3 chart with an animated transition | animated | ✅ |
| d3 layout | layout | ✅ |
| d3 map | map | ✅ |
| Mapbox map | mapbox | ✅ |
| Page name | Chart description | Libraries used | Requirement label |
|---|---|---|---|
| Employment page (Gender Disparity in Wages) | line chart of gender disparity in wages | d3 | layout |
| Employment page (Gender Wage Gap Arond the World) | choropleth map on gender wage gap | d3, topojson | map, animated |
| Employemnt page (Employment by Sector) | circle packing chart | d3 | layout |
| Employment page (Median Annual Income of US Women) | map of median annual income of US women | Mapbox | mapbox |
| Education page (Global Student Enrollment) | bar chart of student enrollment | d3 | interactive |
| Education page (Gender Parity Indices in Tertiary Education) | line chart of education parity indices | d3 | interactive |
| Education page (STEM Graduates and Median Salaries) | bubble chart of college majors & median salaries | d3 | interactive |
| Education page (STEM Distribution of US Women) | radial bar chart of college majors | d3 | interactive, animated |
| Explore page (Monthly Wages by Gender Over Time) | line chart of monthly wages by country | d3 | responsive, interactive, animated |
| Explore page (Gender Wage Gap Around the World) | choropleth map on gender wage gap | d3, topojson, d3-simple-slider | map, interactive |
| Type | Count |
|---|---|
| interactive maps | 3 |
| interactive line chart | 2 |
| static line chart | 1 |
| circle packing chart | 1 |
| interactive bar chart | 1 |
| interactive bubble chart | 1 |
| interactive radial bar chart | 1 |