Scatter Plot

100%

✓ Published1🌍 Public

Last edited Mar 23, 2023

Created on Mar 23, 2023

Forked from Fork of Fork of Fork of ICE-6 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.

AI-generated description

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…

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

84% match

Loading thumbnail…

scatterplot

This scatter plot visualizes the relationship between students’ study hours and their exam scores. The chart uses D3.js v7 to render SVG circles, with a linear scale mapping study hours on the x-axis and exam scores on the y-axis. The data is loaded from a CSV file via `d3.csv`. Axes are added using `d3.axisBottom` and `d3.axisLeft`, with labels for both variables. The code defines a reusable `createScatterPlot` function that takes data and a container ID, setting fixed margins and a 600x400 pixel drawing area.

Vvishnupriya eupuri

77% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between two scores from a psychology dataset, plotting each data point as a steelblue circle. The x-axis represents Score1 and the y-axis represents Score2. The visualization loads data from a remote CSV file using d3.csv and creates linear scales with d3.scaleLinear to map data values to screen coordinates. D3 axes are generated for both dimensions, and the chart includes a title and axis labels. The code uses D3 v6 to select SVG elements and bind data for rendering.

UUVarshaReddy

77% match

Loading thumbnail…

ICE - 6 Scatter Plot

This D3.js scatter plot visualizes student grades from a CSV file, plotting English scores on the x-axis and physics scores on the y-axis, with points colored by class (First class, Second class, or other). It uses `d3.csv` to load the data, `d3.scaleLinear` for axes, and `d3.axisLeft`/`d3.axisBottom` for tick marks. The SVG rendering includes circles sized by a fixed radius, with axis labels for English and science. The code also reads additional metrics (science and maths) into each data point, though these are not directly used for the visual encoding.

Cchilukuritagore1427@gmail.com

76% 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

76% match

Loading thumbnail…

D3 reusable Scatter Plot

This scatter plot visualizes a student dataset with marks, study time, and course count. Built with D3 v6, it uses a reusable chart pattern with scaleLinear, axisBottom, axisLeft, and SVG circles. The plot cycles its x-axis variable through three columns every five seconds, animating the data transition via setInterval. Data comes from a CSV loaded with d3.csv, and the chart updates in place when the x-value changes.

AArun Pratap

76% match

Loading thumbnail…

Scatter Plot

A scatter plot visualizes the relationship between student age and exam marks across various university courses. Each point represents an average mark for a specific age group within a course, with the x-axis scaled linearly and the y-axis using a band scale for discrete age values. The visualization uses D3 v5's `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to construct the SVG chart, with margins and formatting applied to the axes. Data comes from a CSV file containing department, course, age, attendance, and marks columns.

Ppillliarun79

76% match