ICE62MD

100%

✓ Published0🌍 Public

Last edited Oct 19, 2025

Created on Oct 19, 2025

A scatterplot shows the relationship between weekly study hours and exam scores for 100 students, revealing a generally positive correlation. Each orange point represents a student and displays a tooltip with exact hours and score on hover. Built with D3 v7, it uses `d3.csv`, linear scales, SVG circles, `d3.axisBottom` and `d3.axisLeft`, and mouse event handlers for interactive tooltips.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 71 MD

A reusable D3.js scatter plot displays the relationship between study hours and exam scores for roughly one hundred students, revealing a generally positive correlation with some variance. Built with D3 v7, the chart uses a factory function returning a chart that can be applied to different data selections, with `d3.scaleLinear` for axes and `d3.axisBottom`/`d3.axisLeft` for ticks. Data is loaded via `d3.csv` from a local CSV file, with numeric fields parsed and rendered as semi-transparent steelblue circles in SVG.

Ddandamidhun41613@gmail.com

93% match

Loading thumbnail…

ICE 7 Reusable scatter plot

This reusable scatter plot shows the relationship between study hours and exam scores, with each point representing a student’s performance. The D3.js component implements chainable accessors for configurable dimensions, margins, labels, and title, using `d3.scaleLinear`, `d3.extent`, `d3.axisBottom`, and `d3.axisLeft` to generate SVG axes. Data is loaded from a CSV file and rendered as green circles, demonstrating a modular approach to building interactive charts with d3.v7.

HHarshithaDontha@my.unt.edu

86% match

Loading thumbnail…

Ice 6 Scatter_data

This scatter plot visualizes the relationship between study hours and exam scores, with each point representing a student. The chart reveals a curved pattern where scores initially rise with study hours, peak around 48 hours, then decline, suggesting diminishing returns. Built with D3 v7, the visualization loads data from a CSV file and renders circles as SVG elements. The code uses `d3.csv` to parse the data, `d3.scaleLinear` for both axes, and `d3.axisBottom` and `d3.axisLeft` to generate the scales.

HHarshithaDontha@my.unt.edu

86% match

Loading thumbnail…

Ice7 scatter plot

This scatter plot visualizes exam scores against study hours for 15 students, revealing a clear positive correlation between the two variables. Each point is labeled with its student number, and the axes include descriptive titles. The visualization uses D3 v7 to load CSV data with `d3.csv`, scales the data with `d3.scaleLinear`, and renders axes with `d3.axisBottom` and `d3.axisLeft`. The reusable `createScatterPlot` function generates an SVG with customizable colors and labels.

HHarshithaDontha@my.unt.edu

86% match

Loading thumbnail…

ICE_7_Yaswanth_Duddu

This scatter plot shows the relationship between study hours and exam scores for 50 students, with point color encoding attendance percentage (using a `d3.scaleThreshold` with blue, purple, and red bands) and point radius encoding assignment completion via a `d3.scaleSqrt`. The visualization is built with D3 v7, using the `d3.select` fluent API to configure the reusable `ScatterPlot()` component, which appends an SVG with `d3.axisBottom` and `d3.axisLeft` scales. Data is loaded from a local CSV file using `d3.csv` and `d3.autoType`, with hover tooltips provided through SVG `<title>` elements.

YYaswanth

85% match

Loading thumbnail…

ICE6-ScatterPlot

This scatter plot visualizes student exam performance by plotting hours studied against previous scores, with each dot color-encoded by sleep hours using a sequential turbo scale. The visualization includes interactive tooltips that display additional student details on hover, along with gridlines and rotated axis labels for readability. The code uses D3 v7 with an SVG rendering approach, loading CSV data via `d3.csv` and `d3.autoType` to coerce values, then applying `d3.scaleLinear` for axes, `d3.scaleSequential` for color mapping, and `d3.axisBottom`/`d3.axisLeft` for chart elements.

Ssahasrakaturi91@gmail.com

85% match

Loading thumbnail…

Ice_task2_2

This interactive line chart shows the relationship between hours studied and average exam score, aggregating individual student records into rounded hourly bins and plotting the mean score for each bin as a connected line with orange data points. Hovering over a point reveals a tooltip with the exact values. The visualization is built with D3 v7, using `d3.csv` to load the dataset, `d3.groups` and `d3.mean` for aggregation, and `d3.scaleLinear` with `d3.axisBottom` and `d3.axisLeft` for the coordinate system. It renders as SVG with animated transitions, styled with CSS for a clean card-based layout.

Ssahasrakaturi91@gmail.com

84% match

Loading thumbnail…

Scatter plot

This dark-themed scatter plot visualizes the relationship between hours studied and exam scores for 188 students, with each point colored by attendance percentage using a sequential turbo scale. The visualization loads data from a CSV file and renders it as SVG circles, employing D3 v7 scales for positioning and color encoding. Interactive tooltips display student details on hover, while grid lines and axis labels provide context for the academic performance metrics.

RRamdas Dheeraj

83% match