Skip to main content
SimilarExport ZIP
100%

Fork of ICE5_Shapes_of_Data_Koushika

✓ Published0🌍 Public
Kkoushika.3002@gmail.com
Last edited Mar 1, 2026
Created on Mar 1, 2026

This scatterplot shows the relationship between study hours and GPA for individual students, with each steelblue circle representing one record. The visualization uses D3 v7 to load CSV data from a GitHub gist, scales the x-axis by study hours and y-axis by GPA (0–4), and renders axes with labels. The code also displays summary statistics—total records, maximum study hours, and maximum GPA—appended as text paragraphs via D3 selections.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of React & D3 Starter

This scatterplot visualizes the relationship between study hours and GPA, with each data point represented as a steel-blue circle. The visualization loads a CSV file, converts the study hours and GPA columns to numeric values, and maps them to x and y coordinates using `d3.scaleLinear` functions. It relies on the D3.js library through a React component, drawing the circles directly to an SVG canvas via methods like `d3.select`, `d3.csv`, and `.append`. The x-axis spans zero to twelve hours, while the y-axis covers zero to four for GPA.

Kkoushika.3002@gmail.com
84% 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
82% match
Loading thumbnail…

Fork of question678

This scatter plot visualizes the relationship between study hours and exam scores for a group of students, using data from a CSV file. Each circle represents a student, positioned by study hours on the x-axis and exam score on the y-axis, with colors assigned via `d3.scaleOrdinal` based on student ID. The visualization uses D3.js v7 to render an SVG, drawing circles and axes with `d3.axisBottom` and `d3.axisLeft`, and labels for each axis.

Kkaushikreddy901@gmail.com
81% match
Loading thumbnail…

Assignment

This scatter plot visualizes the relationship between students’ study hours per week and their GPA, with each circle representing a single student. The x-axis shows study hours, the y-axis shows GPA, and hover effects increase circle opacity and radius. The visualization loads CSV data from a GitHub Gist, uses d3.csv for parsing, and positions marks with d3.scaleLinear and d3.axisBottom/axisLeft. Grid lines are generated using a modified axis with tickSize, while circle color and size are fixed channels. The chart is rendered as SVG with D3 v7.

HHarshithaAru06
81% match
Loading thumbnail…

Fork of ICE -6 Scatterplot

This scatter plot visualizes the relationship between study hours and total marks for students, where each point represents an individual's performance. The visualization uses the Plotly.js library via its `Plotly.newPlot` API to render an interactive chart, fetching its data asynchronously from a remote CSV file hosted on GitHub Gists. The plot shows study hours on the x-axis and total marks on the y-axis, with green markers sized at 8 pixels, and includes customized axis ranges and tick intervals for clearer data presentation.

Cchris.shimotake@gmail.com
81% match
Loading thumbnail…

Fork of D3 Starter - ice 7 - scatter plot

This scatter plot visualizes the relationship between study hours and exam scores for 120 students, with each point colored by category (A–D) and a legend mapping colors to these groups. The D3 v7 code loads data from a CSV file, converts the numeric columns, and uses `d3.csv`, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`/`d3.axisLeft` to render the SVG chart. Axes are labeled, and the plot uses a built-in color scheme (`d3.schemeSet2`).

Vvijaysaichigullapally1@gmail.com
80% match
Loading thumbnail…

Fork of Fork of ICE - 7 Pie Chart FOR MARkS

This example displays a pie chart visualizing student marks based on hours spent studying, with each slice labeled by GPA value. It uses D3.js v5 to load CSV data from a GitHub gist, compute pie segments with `d3.pie` and `d3.arc`, and render SVG paths and text. A legend pairs study hours with GPA values, colored via `d3.scaleOrdinal`. The visualization updates dynamically after fetching and parsing the data asynchronously.

IIndhuKrishnaraj
79% match
Loading thumbnail…

Activity6_Question3

A scatter plot shows the relationship between study hours per day and GPA for 30 students, with points shaped and colored by academic track (CS, Data, or AI). The code uses D3 v7’s `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.symbol` to render SVG paths with circles, triangles, and diamonds. Axes include grid lines, and a custom legend maps each track to its shape and color. Data is loaded via `d3.csv` from a remote gist.

Mmohanalaharic@gmail.com
79% match