Skip to main content
SimilarExport ZIP
100%

Activity 6_ Question 4

✓ Published0🌍 Public
Mmsnikhil2608@gmail.com
Last edited Apr 4, 2025
Created on Apr 4, 2025
Forked from Activity 6_ Task 4

This bubble chart shows how students’ algebra and literature scores relate to their daily study hours, with each circle positioned by the two exam scores and sized by study time. Hovering reveals a tooltip with the student’s name and exact values. The visualization uses d3.v7 to load a CSV file, apply linear scales for axes, and a sqrt scale for bubble radius. It renders as an SVG with axis labels and animated tooltip transitions.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6 Question 4

A bubble chart plots student algebra scores against literature scores, with circle sizes encoding daily study hours. Each circle represents a student, and hovering reveals a tooltip with the student's name and exact values. The visualization uses D3 v7 with SVG rendering, employing `d3.scaleLinear` for the axes and `d3.scaleSqrt` for bubble radius. Data comes from a CSV file loaded via `d3.csv`, with interactive tooltips implemented through mouseover and mouseout event handlers.

SSai Gottumukkala
94% match
Loading thumbnail…

Activity 6 Question 4

A bubble chart of student scores maps math and reading performance for ten students, with circles sized by weekly study hours. The visualization encodes each student’s test results as x- and y-coordinates, while a square-root scale sets bubble radius to reflect study time, enabling quick comparison of academic achievement and effort. Built with D3 v7, the chart uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble sizing, and `d3.axisBottom` and `d3.axisLeft` to render scales. Interactive hover tooltips, implemented with D3 event listeners and a styled HTML division, display each student’s name, scores, and study hours. Data comes from the included CSV file, and the SVG rendering includes explicit margin and transform logic.

Aanisha.peddireddy@gmail.com
91% match
Loading thumbnail…

Activity 6 question 4

A bubble chart displays student performance, mapping math scores on the x-axis and reading scores on the y-axis, while the size of each orange circle encodes weekly study hours. Hovering over a circle reveals a custom HTML tooltip with the student’s name, exact scores, and study time. Built with D3 v7 and rendered as SVG with animations, the chart uses `d3.csv` to load the dataset, `scaleLinear` for axes, `scaleSqrt` for bubble radius, and `d3.axisBottom`/`axisLeft` to generate scales. Data comes from an embedded CSV with ten student records.

Ssagipavan2385@gmail.com
90% match
Loading thumbnail…

Activity 6 Question 4 (9)

This bubble chart visualizes the relationship between student overall scores, studying scores, and education hours for nine students. Each circle represents a student positioned by their overall and studying scores, with circle radius encoding education hours. The visualization uses D3.js v7 scaleLinear and scaleSqrt functions to map the data values to positions and sizes. Interactive tooltips display detailed student information on mouseover, revealing name, both scores, and study hours. The chart renders as SVG with hover effects and smooth opacity transitions for the tooltip.

Mmaheshsachin1234@gmail.com
88% 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
83% 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
82% match
Loading thumbnail…

Activity6_Q4

This bubble chart visualizes correlations between three test scores for 31 students, plotting Test 1 on the x-axis, Test 2 on the y-axis, and encoding Test 3 through bubble radius. Each circle is colored uniquely by Student_ID using a d3.scaleOrdinal with d3.interpolateTurbo. The example demonstrates D3 v7 data loading via d3.csv, linear scales for axes and size, interactive tooltips on mouseover, and a legend showing bubble size values. SVG rendering includes static axes and labels, with hover animations that increase opacity and display student identifiers.

Mmoulidomar@hotmail.com
81% match
Loading thumbnail…

Activity 6 Question 3

This scatter plot visualizes exam scores for 20 students, plotting math scores on the x-axis against English scores on the y-axis. Each dot is color-coded according to performance category—Excellent, Good, or Satisfactory—based on the student’s average score. The visualization uses D3.js v7 to create an SVG chart with linear scales, axes, and a legend. The code defines scales with d3.scaleLinear and applies a color scale with d3.scaleOrdinal and d3.schemeCategory10, rendering the data points as circles.

Nnarasimhacharyulu010@gmail.com
80% match