Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6 Question 4

Public visualization

Viewing a saved revision (read-only)

4afc14c8c5ed4c9788a428ca4106479b

Activity 6 Question 4

0 stars0🌍 Public
Nnikhilapogula@my.unt.edu
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This animated bubble chart compares beverage manufacturers by plotting glucose levels on the x-axis and user ratings on the y-axis, with bubble size encoding calorie content and color encoding the manufacturer. Users can hover over any circle to reveal its exact calorie and glucose values via a tooltip. The visualization is rendered using D3.js version 7, building an SVG scene with `d3.scaleLinear` for axes and bubble radii, and `d3.scaleOrdinal` for color mapping. The chart includes a filled-circle legend for calorie size and a color-coded legend for each brand, pulling data from a local CSV file.

AI-generated description