Skip to main content
SimilarExport ZIP
100%

ACT6_TUT3_TASK1

✓ Published0🌍 Public
RRevanth putta
Last edited Nov 16, 2025
Created on Nov 16, 2025
Forked from Hello VizHub

This scatterplot explores the relationship between daily study hours and GPA for students across three academic tracks (CS, Data, AI). The visualization uses colored symbols—circles, squares, and triangles—to distinguish tracks, with tooltips revealing individual student details. Built with D3 v7, the chart employs `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for color and shape encoding, and `d3.symbol` to generate the point markers. The data comes from a local CSV file, rendered as SVG with custom axes, title, and a legend.

AI-generated description
MIT Licensed

Similar vizzes

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

task 3 question678

This scatter plot visualizes the relationship between study hours and exam scores for ten students, with each point colored by student ID to distinguish individuals. The D3.js v7 code loads data from a CSV file, converts the values to numbers, and uses linear scales with `d3.axisBottom` and `d3.axisLeft` to render axes labeled "Study Hours" and "Exam Score." SVG circles are appended via data joins, with their positions mapped through the scales and their fill colors assigned using `d3.scaleOrdinal` with `d3.schemeCategory10`.

KKritin Kesav
81% 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
81% match
Loading thumbnail…

Activity 4, Task 4

This scatter plot shows the relationship between hours studied and exam scores for 25 students, where each circle’s radius is randomly assigned between 10 and 40 pixels. The visualization uses d3.csv to load score.csv, then maps the data with d3.scaleLinear for both axes, rendering circles as SVG elements with steelblue fills and 0.7 opacity. Axis labels for “Hours Studied” and “Scores” are added via d3.axisBottom and d3.axisLeft, with the chart drawn inside a 800×500 SVG canvas.

AAnushaHyderaboeni@my.unt.edu
80% match
Loading thumbnail…

Task 3 Question3

This scatter plot visualizes the relationship between hours studied and exam scores, with points colored blue for male students and pink for female students. Using D3 v6, the code loads CSV data from a GitHub URL, applies linear scales to both axes, and renders SVG circles. Axes are labeled with formatted tick values, and a legend distinguishes the gender categories. The visualization uses D3's `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to create an interactive-sized plot that fills the browser window.

Gguttavenkata745@gmail.com
80% match
Loading thumbnail…

Activity 6 task3 question 1

This scatter plot visualizes the relationship between study hours and exam scores, with each point colored by subject (Math, Science, English). The visualization loads data from a remote CSV file and renders circles using D3’s scaleLinear and scaleOrdinal APIs. Hovering over points reveals a tooltip with detailed information. The chart includes labeled axes, a color-based legend, and is built with animated SVG elements controlled through D3’s data joins and transitions.

NNithish Karanam
80% match
Loading thumbnail…

activity 7.2

This visualization uses an area chart to show the relationship between study hours and the corresponding grade values (A=4, B=3, C=2, D=1) for individual students. The chart’s fill uses a linear gradient transitioning from rose to blue to green. The code loads a CSV from GitHub, filters for entries with study hours and grades, maps letters to numeric values, and sorts the data by study hours before creating a smooth monotone-X curve. The axes are drawn with `d3.axisBottom` and `d3.axisLeft`.

Mmanasapolisetty13@gmail.com
80% match