Skip to main content
SimilarExport ZIP
100%

Ice6 q2

✓ Published0🌍 Public
Hh.harrycoding@gmail.com
Last edited Mar 7, 2026
Created on Mar 7, 2026

This scatter plot visualizes the relationship between hours studied and exam scores using a dataset of student performance factors from a GitHub-hosted CSV file. It shows individual data points as orange, semi-transparent circles, with hours studied on the x-axis and exam scores on the y-axis. The visualization is built with D3 v7, using `d3.csv` to load the data, `d3.scaleLinear` for both axes, and `d3.axisBottom` and `d3.axisLeft` for tick marks. The chart is rendered as an SVG, with circles positioned using the mapped coordinates.

AI-generated description
MIT Licensed

Similar vizzes

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
92% 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
89% 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
88% match
Loading thumbnail…

Fork of ICE-7 Q1

This scatter plot shows the relationship between hours studied and exam scores from a student performance dataset, with steel-blue circles marking individual data points. Built with D3 v7, the reusable `drawScatterPlot()` function maps the dataset’s attributes to linear scales, renders SVG axes and circles, and adds a hover tooltip via `d3.select` and `.html()` to display each point’s values. Data is loaded dynamically using `d3.csv` from a GitHub-hosted CSV file.

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

ICE62MD

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.

Ddandamidhun41613@gmail.com
86% match
Loading thumbnail…

Q2 D3

A scatter plot visualizes the relationship between hours studied and exam scores across 150 students, using D3 v7 to load CSV data and render SVG circles mapped through linear scales. The chart includes labeled axes, a bold title, and semi-transparent steelblue points sized at 4 pixels. Data comes from a local `study_scores.csv` file, with axes and scales configured via `d3.scaleLinear`, `d3.extent`, and `axisBottom`/`axisLeft`.

Ddineshsingiri18@gmail.com
86% match
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
86% match