Saiteja_ICE_6_Scatter Plot

100%

Saiteja_ICE_6_Scatter Plot

✓ Published0🌍 Public

Last edited Mar 7, 2026

Created on Mar 7, 2026

This scatter plot shows the relationship between math and reading scores for each student in the dataset, with each orange circle representing an individual. It reveals a clear positive correlation, as higher math scores tend to correspond with higher reading scores. The visualization uses D3.js v7’s `d3.csv` to load remote data, `d3.scaleLinear` for both axes, and SVG circles with opacity. Gridlines are added via `d3.axisLeft` with negative tick sizes, and axis labels are manually appended as SVG text elements.

AI-generated description

This scatter plot visualizes the relationship between math scores and reading scores from the student performance dataset. Each point represents a student, allowing us to observe the positive correlation between performance in mathematics and reading.

MIT Licensed

Similar vizzes

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

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

ICE 6 -2

This scatterplot compares math and reading scores for individual students, plotting each as a semi-transparent steelblue point. The visualization reveals the correlation between the two subjects across the dataset. It uses D3 v7 with an SVG rendering approach, loading CSV data from a GitHub gist and applying linear scales via `d3.scaleLinear`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while labels and a title are added as SVG text elements.

Ssakethpapareddy@gmail.com

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

82% match

Loading thumbnail…

ICE 7 Q1

This scatter plot shows the relationship between math and reading scores, with points colored by gender. The visualization uses d3.csv to load performance data, then builds a reusable scatterPlot function that creates linear scales for both axes and an ordinal color scale with d3.schemeSet2. SVG circles are rendered with axes, labels, and a title, all positioned within a margin-based layout. The chart leverages d3.autoType for data parsing and d3.axisBottom and d3.axisLeft for the coordinate system.

Ssakethpapareddy@gmail.com

82% match

Loading thumbnail…

Ice-6 of Deepak Reddy Punuru (Scatter Plot)

This scatter plot shows the relationship between math and science scores for five students, with each point colored tomato red and positioned according to its two academic metrics. The chart renders as an SVG centered on a light teal background, using D3 v7’s scaleLinear for axes and d3.axisBottom/axisLeft to draw the coordinate grid. Data is loaded from a local CSV file (studentscores.csv) and parsed with d3.csv, then bound to circle elements via data joins. Axes and labels use green and dark gray fills, while a small legend identifies the single series.

Ddeepakvowel@gmail.com

81% match

Loading thumbnail…

q1-ice7

A reusable scatter plot displays the relationship between math and reading scores for students in the StudentsPerformance dataset. Each steelblue dot represents an individual student’s paired scores, with linear scales mapping both axes. The code defines a `drawScatterPlot` function that uses d3.csv to load the data, d3.scaleLinear for the axes, and d3.axisBottom and d3.axisLeft for ticks, rendering circles in an SVG container.

Ssaiprasadpilla937@gmail.com

80% match

Loading thumbnail…

StudentPerformanceScatter

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.

PP Manisha

80% match