Activity 4, Task 4

100%

Activity 4, Task 4

✓ Published0🌍 Public

AAnushaHyderaboeni@my.unt.edu

Last edited Apr 6, 2025

Created on Apr 6, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6 Question 3

This scatter plot visualizes the relationship between hours studied and exam scores for 20 students, with points colored by class participation level (low, medium, high) using an ordinal color scale. The D3.js v7 code loads inline CSV data, assigns each point to a category based on participation thresholds, and renders an SVG with linear axes. A `d3.scaleOrdinal` maps categories to colors, while `d3.scaleLinear` scales the x-axis (hours) and y-axis (exam score), with margins and gridlines defining the chart layout.

RRukmini Devi Y

88% match

Loading thumbnail…

question678

A scatter plot displays the relationship between study hours and exam scores for 20 students, using one colored dot per student with a steelblue fill, black stroke, and 70% opacity. The x-axis represents study hours from 0 to 10, while the y-axis shows exam scores from 0 to 100, with axis labels included. Built with D3.js v7, the visualization loads data from a CSV file via `d3.csv`, converts string values to numbers, and renders circles using D3’s data join, `scaleLinear` for axes, and `d3.axisBottom` and `d3.axisLeft` for tick marks.

Ppavanpkkalyan3@gmail.com

87% 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

87% match

Loading thumbnail…

A4_ScatterPlot

This example visualizes the relationship between study hours and exam scores using a scatter plot, where each circle represents a student. The data comes from a CSV file loaded with D3’s `d3.csv` method and filtered to exclude zero-value pairs. The SVG chart uses `d3.scaleLinear` for both axes, `d3.axisBottom`, and `d3.axisLeft` for tick marks, while circles are appended with `d3.selectAll` and `enter`. Interactive tooltips appear on mouseover, displaying the exact hours and scores for each point. All rendering is done with React-compatible vanilla JavaScript and D3 v6.

DDuc Pham

86% 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

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…

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

86% match

Loading thumbnail…

scatterplot

This scatter plot visualizes the relationship between students’ study hours and their exam scores. The chart uses D3.js v7 to render SVG circles, with a linear scale mapping study hours on the x-axis and exam scores on the y-axis. The data is loaded from a CSV file via `d3.csv`. Axes are added using `d3.axisBottom` and `d3.axisLeft`, with labels for both variables. The code defines a reusable `createScatterPlot` function that takes data and a container ID, setting fixed margins and a 600x400 pixel drawing area.

Vvishnupriya eupuri

85% match