Skip to main content
SimilarExport ZIP
100%

Scatterplot_for_ice5

✓ Published1🌍 Public
Vvenigallajaanu@gmail.com
Last edited Mar 28, 2025
Created on Mar 24, 2025
Forked from HTML Starter

A scatterplot compares Maths and Science marks for individual students, with each circle colored steelblue when Maths exceeds Science and orange when Science is greater than or equal to Maths. Built with D3 v6 and rendered as SVG, the chart uses `d3.csv` to load the dataset, `d3.scaleLinear` for both axes, and `d3.axisBottom` and `d3.axisLeft` for ticks. Axes labels, a title, and a two-color legend clarify the comparison, while hover effects on the circles are not implemented.

AI-generated description
MIT Licensed

Similar vizzes

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
87% match
Loading thumbnail…

bargraph of ice_5 data

This example visualizes student performance by comparing subject-specific marks against total marks. It displays two scatter plots side by side: one for Maths versus total marks and another for English versus total marks. Using D3.js v6 with SVG rendering, the code defines a reusable `scatterPlot()` function that configures scales, axes, and circle marks. Data is loaded from a CSV file via `d3.csv` from a GitHub gist, with the x-axis key configurable between different subjects. The reusable function pattern allows both charts to share identical styling and features.

Vvenigallajaanu@gmail.com
83% 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…

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
81% 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
81% 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
81% match
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
81% match
Loading thumbnail…

Fork of reusable scatter plot

This scatter plot visualizes the relationship between math and science marks, with each point colored by performance category: green for 'Excellent', orange for 'Average', and red for 'Needs Improvement'. Built using D3 v6, it uses a reusable chart function with setter methods for customization, d3.scaleLinear for axes, d3.scaleOrdinal for color mapping, and d3.symbolCircle for point shapes. SVG renders axes, labels, a title, and a legend showing the categories.

Bbharathavulapati@gmail.com
81% match