Skip to main content
SimilarExport ZIP
100%

Activity_6-Question-4

✓ Published0🌍 Public
Aabdul.khader2899@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Activity_6-Task-4

This bubble chart visualizes the correlation between three metrics for various hashtags: number of mentions, engagement rate, and reach. Each circle's x-position maps to mentions, y-position to reach, and its radius encodes engagement rate, with color distinguishing the hashtag. It includes a legend for engagement rate values and a color legend for hashtags. Built with d3.v7, it uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.schemeCategory10` for encoding, and renders as SVG with interactive tooltips on mouseover. The data comes from the provided `bubblechart.csv` file.

AI-generated description

An example showing the bubble chart

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Question4

This visualization shows the correlation between number of mentions, engagement rate, and reach for various social media hashtags. Each circle’s x-axis position corresponds to mentions, its y-axis to reach, and its radius to engagement rate. The code uses D3 v7 with `d3.csv` to load data, `scaleLinear` for axes, and a custom tooltip via mouseover events. SVG rendering includes a legend, axis labels, and a color scale using `d3.scaleOrdinal`. Data is loaded from the provided `bubblechart.csv` file.

DDeekshitha Annreddy
92% match
Loading thumbnail…

Assignment-6_Question-4

This bubble chart visualizes the correlation between number of mentions, engagement rate, and reach for various hashtags. Each circle’s position maps mentions on the x-axis and reach on the y-axis, while its radius encodes engagement rate and its color distinguishes hashtag categories. The visualization uses D3 v7’s `scaleLinear`, `scaleOrdinal`, `d3.csv`, and event handlers for interactive tooltips. Axes, a legend for engagement-rate sizes, and a color legend are rendered in SVG, with hover effects that increase opacity and display detailed tooltip data.

Rreachtoshasidhar07@gmail.com
91% 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
80% match
Loading thumbnail…

activity6_question_4

This interactive bubble chart visualizes the relationship between a team's wins, average attendance, and revenue, using bubble size to encode highway MPG and color to distinguish team makes. Rendered as SVG with D3 v7, the chart includes axes for team and wins, a tooltip displaying team make on hover, and dual legends for bubble size and categorical colors. The code reads from a local CSV via `d3.csv` and employs `d3.scaleLinear`, `d3.scaleOrdinal`, and event handlers for interactive feedback.

Bbhavyamoturi2509@gmail.com
79% match
Loading thumbnail…

Activity6Task-4

A bubble chart displays three quantitative variables from a CSV dataset, mapping x and y coordinates to axes and a third size column to circle radius. The D3.js v7 code creates an SVG container with linear scales for position and size, then renders semi-transparent circles using data-bound enter selections. Axes are added via d3.axisBottom and d3.axisLeft, with labels for the X and Y axes, producing a straightforward scatterplot-style visualization with bubble sizing.

HHanuReddy
78% match
Loading thumbnail…

Activity-6 Q-9

A bubble chart visualizes manga and webtoon popularity by mapping the number of chapters on the x-axis, readers on the y-axis, and rating to bubble size, with genre encoding color. The D3.js v7 code loads CSV data and uses `d3.scaleLinear` for axes and bubble radius, plus `d3.scaleOrdinal` with `d3.schemeCategory10` for color. Interactive tooltips appear on mouseover, and an animated legend illustrates rating values using overlay circles.

KKavyaEti
78% 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
78% match
Loading thumbnail…

Activity6_Task4

This bubble chart example visualizes data from a CSV file, encoding two quantitative variables as plot positions and point sizes. The implementation uses the D3.js library’s scale functions and SVG circle elements. The code reads `bubblechart.csv` to load the underlying dataset, then maps rows to circles whose x/y coordinates and radii reflect measured values. The rendering relies on standard SVG coordinate attributes and D3’s data-binding methods. The interactive viewport is set up with a fixed width and height.

Kkeerthanachinthalapally@gmail.com
78% match