Skip to main content
SimilarExport ZIP
100%

Scatterplot of Student Test Performances for Reading vs. Math Scores

✓ Published1🌍 Public
RRidhima Saxena
Last edited Oct 23, 2021
Created on Oct 13, 2021

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.

AI-generated description

This visualization is a D3 scatterplot of reading vs. math test performance scores from the Student Test Performance dataset.

MIT Licensed

Similar vizzes

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
86% 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…

Student Performance Between Male & Female

A scatterplot compares male and female student performance by plotting math scores against writing scores, with gender encoded as color. The visualization reveals that males tend to score higher in math while females score higher in writing, highlighting a notable difference in achievement across subjects. Data comes from a CSV file on student performance, and the chart is built using vega-lite and D3 within a React framework. The code employs vega-lite's markCircle for plotting and encodes the parental level of education as a tooltip.

KKeerthiKandadai
75% match
Loading thumbnail…

Student Performance

This visualization compares student performance in math and reading scores, colored by gender, with tooltips revealing parental level of education. Each point represents an individual student from the Kaggle dataset, plotted without a zero baseline to emphasize score distribution. The chart is built using Vega-Lite API within a D3.js v5 framework, loading CSV data via d3.csv and rendering as an SVG with custom configuration for axis styling and tooltip formatting.

Ssamemurk21
75% match
Loading thumbnail…

Brush Example of Students Performance in Exams Scatter Plot

This scatter plot visualizes the relationship between reading and math scores from the Students Performance in Exams dataset, sourced from Kaggle. It uses d3.csv to load data and d3.scaleLinear for axes, rendering circles as SVG marks. Points are colored by test preparation status via d3.scaleOrdinal, with cyan for completed and purple for none. A d3.brush() interaction lets users select a region, recoloring enclosed points red to highlight subsets.

Kkwmcclintick
75% match
Loading thumbnail…

Student Performance Between Male & Female

This scatterplot compares male and female student performance by plotting math scores against writing scores, with gender encoded by color and parental education level available via tooltip. The visualization reveals that males tend to score higher in math, while females lead in writing and reading, with two notable female outliers from low-education backgrounds. Built with React and Vega-Lite API (vl), the code loads CSV data via d3.csv from a GitHub gist, uses a drop-down selector, and renders an interactive SVG with a custom dark theme and tooltip handler.

Ssamemurk21
74% match
Loading thumbnail…

Math Scores Bar Chart

This bar chart visualizes the count of male and female students in a math performance dataset, using two bars to compare the totals. The chart is rendered as an SVG using D3.js v7, with bars drawn via `d3.selectAll` and `rect` elements. Data is loaded asynchronously from a remote CSV file using `d3.csv`, then filtered by gender to compute counts. Axes are generated with `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the numeric y-axis, with tick marks added via `d3.axisBottom` and `d3.axisLeft`. The visualization is presented in a 400x400 pixel SVG container, with margins for axis labels.

RRohith Reddy
74% match
Loading thumbnail…

A4 Scatterplot D3

This scatterplot displays student math and verbal SAT score averages across all US states in 2015, with each circle representing a state and positioned by its paired test scores. Built with D3 v7, the visualization uses `d3.scaleLinear` to map data values to pixel coordinates within an SVG canvas and draws circles via `d3.selectAll().join()`. The chart includes labeled axes, a title, and hover interactions that change point colors. Data is loaded asynchronously from a CSV file using `d3.csv`.

EEric Yao
74% match