Skip to main content
SimilarExport ZIP
100%

StudentPerformanceScatter

✓ Published0🌍 Public
PP Manisha
Last edited Oct 26, 2025
Created on Oct 26, 2025

This scatter plot visualizes the relationship between math and reading scores for a student performance dataset. Each circle represents a student, positioned by their math score on the x-axis and reading score on the y-axis, with steelblue marks at a radius of five units. The example uses D3’s `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` APIs to construct the coordinate system and axes. Data is loaded remotely from a GitHub-hosted CSV file using `d3-fetch`’s `csv` function, with numeric parsing applied to the relevant score columns before rendering to an SVG canvas.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatterplot of Student Test Performances for Reading vs. Math Scores

This scatterplot displays the relationship between reading and math scores for individual students from the Student Test Performance dataset. Each circle represents a student, positioned by reading score on the x-axis and math score on the y-axis, revealing any correlation between the two subjects. The visualization uses D3 v6 with `d3.scaleLinear` for both axes, `d3.extent` to set domains from the data, and `d3.axisBottom` and `d3.axisLeft` for tick marks. Data is loaded asynchronously via `d3.csv`, and all marks are rendered as SVG circles.

RRidhima Saxena
87% match
Loading thumbnail…

Reusable Scatter Plot

This scatter plot from the D3.js gallery visualizes the relationship between math and reading scores for individual students, with each point positioned by d3.scaleLinear scales and rendered as an SVG circle. The reusable ScatterPlot function, exported from scatterPlot.js, accepts data, accessor functions, and margin/width/height parameters to generate axes via d3.axisLeft and d3.axisBottom. It loads student performance data from a GitHub-hosted CSV file, parsing numeric fields before plotting steelblue circles, with axis labels added using SVG text elements.

PP Manisha
87% match
Loading thumbnail…

Students Performance in Exams Example Scatter Plot

This example visualizes the relationship between reading and math scores for students, using a scatter plot where each point represents an individual student's performance. The SVG markup is rendered with D3 v6, employing `scaleLinear` and `extent` to map data values to pixel coordinates, with `axisLeft` and `axisBottom` providing labeled scales. Data loads asynchronously from a CSV file sourced from Kaggle, and the plot includes custom text labels for axes and a title. Point radius is fixed at three pixels, and axes display scores from zero to one hundred.

Kkwmcclintick
85% match
Loading thumbnail…

ice 6 -2

This scatter plot shows the relationship between math and reading scores for individual students from the StudentsPerformance dataset. Each circle represents a student, with positions determined by their math score on the x-axis and reading score on the y-axis. The visualization uses d3.csv to load the remote dataset, d3.scaleLinear for both axes, and d3.axisBottom/d3.axisLeft to render the axes. Circles are appended via d3.selectAll and styled with steelblue fill, turning orange on hover. The SVG rendering includes labeled axes for both score dimensions.

Ssaiprasadpilla937@gmail.com
85% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This scatter plot visualizes the relationship between students' math and reading scores, with each circle representing a student's performance on both subjects. The plot uses a procedural, reusable D3 module that defines a configurable `scatterPlot` function, which encodes data coordinates into circle positions using `scaleLinear` and `extent` for axis domains. The visualization renders as an SVG graphic, drawing steel-blue circles and adding left and bottom axes via `axisLeft` and `axisBottom`. It loads CSV data from a GitHub gist containing student test scores, and the code demonstrates a modular approach to building a scatter plot with D3 v6.

445.saiful@gmail.com
84% match
Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the relationship between math and reading scores from the StudentsPerformance dataset. It uses d3.csv to load the data and d3.scaleLinear to map score values to SVG circle positions. The chart is rendered entirely in SVG using d3.v7, with circles, axes, labels, and a title added programmatically through d3.select and append methods.

PP Manisha
84% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between math and reading scores for individual students, with each point's color indicating whether the writing score exceeds 70. Built with D3 v7, the SVG chart uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.csv` with `d3.autoType` to parse the student performance data. Points are rendered as circles with a fixed radius and 70% fill opacity.

RRohith Reddy
84% match
Loading thumbnail…

Activity6_Task3.3

This scatter plot visualizes student performance by mapping math scores on the x-axis and reading scores on the y-axis, with each circle colored by gender (skyblue for female, lightgreen for male). The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, and `select` to load data from a GitHub-hosted CSV and render SVG circles. Additional attributes for writing score and test preparation are stored but not visually encoded, while axis labels appear in green.

Ss.harshinisai01@gmail.com
83% match