Skip to main content
SimilarExport ZIP
100%

ICE-6 Scatter Plot

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

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.

AI-generated description
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
90% 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
89% 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
87% 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
84% match
Loading thumbnail…

SCATTER PLOT IN ICE_6

This interactive scatter plot visualizes the relationship between maths and science marks from a CSV dataset, with two sequentially displayed SVG charts that alternate between circle and triangle/square symbols. The visualization shows student performance across two subjects, coloring points based on which subject score is higher. Built with D3 v7, the example uses `d3.scaleLinear` for axes, `d3.symbol()` with `d3.symbolTriangle` and `d3.symbolSquare` for custom point shapes, and `d3.csv()` for data loading. Both charts are initially hidden and displayed in sequence, each sharing identical axes, labels, and a legend indicating the comparison between maths and science scores.

Vvenigallajaanu@gmail.com
84% match
Loading thumbnail…

ICE 6 scatter plot

This scatter plot displays student grades, plotting English scores on the x-axis against Physics on the y-axis, with each point colored by class category (First, Second, or other). The code loads CSV data via `d3.csv`, applies `d3.scaleLinear` for both axes, and renders circles using SVG. It also encodes additional dimensions through the `rx` and `ry` attributes, mapping Science and Math scores to each circle’s horizontal and vertical radii, while using `d3.axisLeft` and `d3.axisBottom` for labeled axes.

Cchilukuritagore1427@gmail.com
83% 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
83% 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
83% match