Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

phase2Visualization3

Public visualization

phase2Visualization3

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

This example presents a static D3.js (v7) SVG scatter plot that visualizes the relationship between a student's age at enrollment and their first-semester grade, with data points colored by retention status (Retained, Dropped, or Enrolled). The visualization uses the `d3.csv` data loading API to read the dataset and the `d3.scaleLinear` and `d3.scaleOrdinal` functions to map age and grade to x/y coordinates and retention status to color. Hovering over a circle triggers a mouseover event that uses the `d3.select` API to show a tooltip with the exact age, grade, and status values. The chart includes labeled x- and y-axes ('Age at Enrollment' and '1st Semester Grade') generated using the `d3.axisBottom` and `d3.axisLeft` APIs.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed