Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

visualization9d3

Public visualization

visualization9d3

0 stars0🌍 Public
GGanesh Gundekarla
Last edited Apr 24, 2025
Created on Apr 24, 2025
Forked from HTML Starter

This stacked bar chart displays the count of students by their final academic outcome (Dropout, Graduate, or Enrolled), with each bar segmented by gender (Male or Female). The visualization uses D3 v7 to load CSV data via `d3.csv`, aggregate counts, and render SVG rectangles through `d3.stack` and `d3.scaleBand`. Interactive tooltips appear on mouseover, showing the exact count per gender and outcome. The chart includes axes labeled “Target Outcome” and “Number of Students,” with a categorical color scale assigning blue to males and orange to females.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed