Skip to main content
SimilarExport ZIP
100%

SCATTER PLOT IN ICE_6

✓ Published4🌍 Public
Vvenigallajaanu@gmail.com
Last edited Apr 2, 2025
Created on Mar 31, 2025

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatterplot_for_ice5

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.

Vvenigallajaanu@gmail.com
87% 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
84% 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-7 - Scatter Plot

This animated scatter plot maps student performance metrics, such as scores in tenth, twelfth, and college, along with time spent, against each other. The plot cycles through different x-axis variables, updating the visualization in a loop, and colors data points by hobby categories: Cinema, Sports, and Others. Built with D3 v6, it uses `d3.csv` to load the data and a custom `scatterPlot` module that constructs axes and circles, rendering the SVG animation with a legend and labels.

AAshrith Kudidhi
83% 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 -7 reusable scatter plot

This example cycles through a series of scatter plots, showing exam score correlations for each pair of six subjects (Telugu, Hindi, English, Maths, Science, Social). Each plot displays student scores as small, semi-transparent circles, with a new subject pair and color appearing every two seconds. The visualization is built with D3 v7, using `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.csv` to load the dataset from a GitHub gist. The SVG elements are recreated on each interval to switch the plotted variables.

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

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
82% match