Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment 7

Public visualization

Viewing a saved revision (read-only)

dc32c4a548894e11826299752cbc48f4

Assignment 7

0 stars1🌍 Public
AAriful Hasan
Last edited Mar 29, 2026
Created on Mar 29, 2026
Forked from D3 Starter

This reusable D3.js scatter plot visualizes the relationship between math and physics scores for 40 students, with points colored by group membership. The chart uses `d3.csv` to load the dataset and custom scales via `d3.scaleLinear` for both axes and `d3.scaleOrdinal` for the categorical color encoding. The reusable function accepts parameters for data, axis value accessors, labels, dimensions, and title, rendering the chart as SVG with axes, labels, a legend, and semi-transparent circles. This design allows the same function to be applied to different datasets and attributes without modification.

AI-generated description