Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Gender Distribution Chart

Public visualization

Viewing a saved revision (read-only)

61e64252e4c14c9897ae6e28d64477d1

Gender Distribution Chart

0 stars0🌍 Public
Mmarksampras
Last edited May 11, 2020
Created on May 11, 2020

This chart shows the gender distribution of students across numerous game design and media modules, with stacked bars representing males and females for each course. A radio button toggle switches between absolute counts and percentage-based views, animating the transitions smoothly. The visualization uses D3.js version 3.5.6, leveraging the `d3.layout.stack()` API with dynamic offset switching ("zero" vs. "expand"). The SVG rendering, driven by a CSV data file, sorts modules alphabetically and employs category colors with a custom legend. Hovering highlights individual bars through CSS opacity changes.

AI-generated description