Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of Fork of scatter plot

✓ Published0🌍 Public
Ssainishanthreddyk@gmail.com
Last edited Oct 20, 2025
Created on Oct 20, 2025

A scatter plot visualizes the relationship between math and science scores for 90 students. Each dot is positioned by score, colored by academic department, and includes a hover tooltip with the student’s name and scores. The D3.js v7 code uses `d3.csv` to load `scatter.csv`, `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeSet2` for color, and `d3.axisBottom`/`d3.axisLeft` to render the chart with an SVG-based legend.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of scatter plot

A forked D3.js v7 scatter plot visualizes the relationship between Math and Science scores for students in a CSV dataset, with points colored by academic department. It uses `d3.csv` to load data, `d3.scaleLinear` for axes, and `d3.scaleOrdinal` with `d3.schemeSet2` for categorical coloring. Points are rendered as SVG circles with hover tooltips, alongside a legend identifying departments.

Ssainishanthreddyk@gmail.com
95% match
Loading thumbnail…

Fork of scatter plot

This scatter plot visualizes the relationship between math and science scores for 93 students, with each dot colored by department. It uses D3.js v7 to load data from a CSV file, map scores to x/y coordinates with `d3.scaleLinear()`, and color-code points using `d3.scaleOrdinal()` with the `d3.schemeSet2` palette. The SVG rendering includes axes via `d3.axisBottom` and `d3.axisLeft`, plus a legend identifying the seven academic departments. Hovering reveals a tooltip with the student's name, department, and scores.

Ssainishanthreddyk@gmail.com
95% match
Loading thumbnail…

Fork of Fork of scatter plot

This scatter plot visualizes the relationship between math and science scores for 50+ students, with each dot colored by academic department. It uses d3.csv to load the dataset, d3.scaleLinear for x and y axes, and d3.scaleOrdinal with d3.schemeSet2 for color encoding. Interactive tooltips appear on hover via appended title elements, while a manually constructed SVG legend identifies department categories. The visualization employs d3.axisBottom and d3.axisLeft to render axes, with SVG circles serving as the primary glyphs.

Ssainishanthreddyk@gmail.com
95% match
Loading thumbnail…

Fork of Fork of Fitness Data Scatter Plot

This scatter plot visualizes the relationship between students’ math and science marks, with each green circle representing a student’s scores on the two axes. The data is loaded from a CSV file via `d3.csv`, and the plot is rendered in SVG using `d3.select`, `d3.scaleLinear`, `d3.extent`, and the `axisLeft` and `axisBottom` components from D3 v6. The chart includes labeled axes, a title, and uses a simple point-radius of 6 pixels. The visualization sizes itself to the full browser window.

Ssowmyakancharla01@gmail.com
89% match
Loading thumbnail…

scatter plot

This scatter plot visualizes the relationship between math and science scores for 93 students, with each dot colored by academic department. The visualization uses d3.csv to load the dataset, d3.scaleLinear for both axes, and d3.scaleOrdinal with d3.schemeSet2 for categorical color encoding. A legend identifies the six departments, while axis labels clarify the plotted variables. The SVG rendering includes interactive hover effects that increase dot opacity and radius.

Ssainishanthreddyk@gmail.com
88% match
Loading thumbnail…

Fork of scatter plot

This fork of a scatter plot displays the relationship between Math and Science marks for a group of students, with each green circle representing one student. The visualization loads data from a CSV file and uses D3 v6’s `csv` parser to process the marks, mapping them to pixel coordinates via `scaleLinear` and `extent`. Axes are rendered with `axisLeft` and `axisBottom`, while the plot includes labeled X and Y axes and a bold title. The SVG rendering fills the browser window, with circular marks positioned using `attr` bindings for cx and cy.

Bbharathavulapati@gmail.com
88% 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
87% match
Loading thumbnail…

Fork of Fitness Data Scatter Plot

This scatter plot visualizes the relationship between students’ math and science marks, with each green circle representing one student’s paired scores. The x-axis maps math marks and the y-axis maps science marks, with axes labeled and a bold title. Built with D3 v6, the code loads a remote CSV, parses numeric values, and uses `scaleLinear`, `extent`, and `axisLeft`/`axisBottom` to render an SVG chart. The data originates from a GitHub-hosted CSV file, and the plot auto-sizes to the browser window.

Ssanthoshdachepally333@gmail.com
86% match