Skip to main content
SimilarExport ZIP
100%

ICE 71 MD

✓ Published0🌍 Public
Ddandamidhun41613@gmail.com
Last edited Oct 26, 2025
Created on Oct 26, 2025
Forked from D3 Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

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

ICE 7

A reusable D3 scatter plot displays the relationship between study hours and test scores, with points colored by treatment or control group using a categorical color scale. The chart loads CSV data with `d3.csv` and `d3.autoType`, then renders axes, labels, and circles through a factory function that sets width, height, and accessors via chained setters. D3 v7 handles scales (`d3.scaleLinear`, `d3.scaleOrdinal`) and axes (`d3.axisBottom`, `d3.axisLeft`) within a joined SVG structure.

Aaravindsg99@gmail.com
87% match
Loading thumbnail…

Scatter Plot Ice 7

This example demonstrates a reusable scatter plot visualizing the relationship between study hours and exam scores. The chart displays 15 data points as circles, with study hours on the x-axis and exam scores on the y-axis, using D3’s linear scales and axis functions. The `scatterPlot.js` module defines a configurable chart with settable width, height, margin, and radius parameters, loaded via `d3.csv` from a GitHub-hosted dataset. The implementation uses D3 v7’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs, with a `join` operation to create the circles.

HHarshithaDontha@my.unt.edu
87% match
Loading thumbnail…

Ice 7 Scatter plot harshitha dontha

This reusable scatter plot shows the relationship between study hours and exam scores, with each point representing a student. The chart uses d3.scaleLinear for both axes and renders circles via SVG. The code demonstrates a modular chart function pattern, loading data from a CSV file and displaying axes with d3.axisBottom and d3.axisLeft. The visualization also includes a separate implementation that supports custom symbol shapes and color encoding through d3.symbol and d3.scaleOrdinal.

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