Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Basic Scatter Plot Showing College Acceptance Data

Public visualization

Viewing a saved revision (read-only)

9cbf8f0ff00847fc82d71b44b0675afa

Basic Scatter Plot Showing College Acceptance Data

0 stars1🌍 Public
EEmily Hudson
Last edited Sep 10, 2025
Created on Sep 10, 2025

This example shows the relationship between IQ scores and cumulative GPA for students at one college, filtered from a Kaggle dataset. Each black dot represents a student plotted by IQ on the x-axis and CGPA on the y-axis. The React app loads the data with `d3.csv`, filters by `College_ID`, and renders the SVG circles using D3's `scaleLinear`, `extent`, and `select` APIs. The viz module computes scales and draws the scatter plot with `attr` assignments for position, radius, and opacity.

AI-generated description

College Data Visualization

This project visualizes student data from two colleges (CLG0061 and CLG0030) using React and D3.js. Students are plotted based on their IQ scores (x-axis) and CGPA (y-axis), with each college represented by a different color:

  • Blue: CLG0061
  • Red: CLG0030

The visualization helps compare the academic performance patterns between these two institutions.