Skip to main content
SimilarExport ZIP
100%

Activity 6 Question 4

✓ Published0🌍 Public
SSai Gottumukkala
Last edited Apr 3, 2025
Created on Apr 3, 2025
Forked from Activity 6 Task 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 6_ Question 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.

Mmsnikhil2608@gmail.com
94% 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
92% 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 (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
86% 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
82% match
Loading thumbnail…

Activity6 Question4

A bubble chart displays electronics products with screen size on the x-axis, price on the y-axis, and horizontal resolution scaled to bubble radius using `d3.scaleLinear`. Built with d3.v7 and rendered as SVG circles, each bubble is green with red strokes at 50% opacity. Mouse events trigger tooltips showing brand, resolution, processor speed, and price. Data loads from `bubblechart.csv`, and animations occur through D3 transitions on tooltip opacity.

Ppslharika@gmail.com
82% match
Loading thumbnail…

Activity-6_question4

This bubble chart visualizes the correlation between a shape’s average area, perimeter, and number of sides using a CSV dataset. Each circle’s x-position, y-position, and radius map to the area, perimeter, and side count, respectively, while its color encodes the shape type. Built with D3 v7, the SVG visualization includes axis labels and legends for both radius and color. Animated tooltips appear on hover, displaying each shape’s name, with the chart transitioning smoothly via D3’s interactive event handling.

1188r1a0559@gmail.com
81% match
Loading thumbnail…

Activity6-Question4

This bubble chart displays sales information for a group of employees, plotting profit against revenue while using circle size to encode product quantity and color to distinguish employee names. It loads data from a CSV file and renders with D3 v7 in SVG, featuring interactive tooltips on mouseover that show each employee's name. The visualization includes a size legend for quantity and a color legend for employees, with colors generated via `d3.interpolateTurbo` and scales built using `d3.scaleLinear` and `d3.scaleOrdinal`.

LLayaMyadam@my.unt.edu
81% match