Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Visualization5D3.js

Public visualization

Visualization5D3.js

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

This example uses a grouped bar chart to show how scholarship status relates to student retention outcomes (Retained, Dropped). The visualization displays counts of students by scholarship status and final outcome, using color to distinguish between the two outcome categories. Built with D3.js v7, the chart loads data from a CSV file and uses `d3.rollups` and `d3.group` to aggregate and structure the data, while `d3.scaleBand` and `d3.scaleLinear` handle the axes. Interactive tooltips appear on hover, revealing exact counts for each category.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed