Skip to main content
SimilarExport ZIP
100%

Activity6_Task4(Question 9)

✓ Published1🌍 Public
SSowjanya Devupalli
Last edited Oct 22, 2024
Created on Oct 18, 2024
Forked from Hello VizHub

This visualization compares beverage manufacturers using a bubble chart where each bubble’s position maps glucose levels on the x-axis and beverage rating on the y-axis, with bubble size representing calorie content and color indicating brand (Dew, Sprite, Thumsup, Fanta, Maaza, Coke, Pepsi). Built with D3 v7, it renders as SVG with scales including d3.scaleLinear for axes and bubble radius, d3.scaleOrdinal with d3.schemeSet1 for categorical colors, and includes labeled legends for both size and brand. Data comes from an external CSV file.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task4_Question4

This bubble chart compares beverage companies by plotting glucose levels on the x-axis against ratings on the y-axis. Each circle’s size encodes calorie count, while color distinguishes the brand (Dew, Sprite, Thumsup, Fanta, Maaza, Coke, Pespsi). Built with D3 v7, the SVG visualization uses `d3.scaleLinear` for axes and bubble size, plus `d3.scaleOrdinal` for colors. Hovering reveals a tooltip with calorie and glucose values. The chart includes legends for calorie size and brand colors, with data loaded from a CSV file.

Kkondaveeti.bhargavi7780@gmail.com
93% match
Loading thumbnail…

Fork of Activity6_Question 4

This bubble chart compares beverage manufacturers across glucose levels (x-axis) and ratings (y-axis), with bubble size encoding calorie content and color distinguishing seven brand groups. The chart includes interactive tooltips on hover, displaying calorie and glucose values for each data point. Built with D3 v7, it uses SVG rendering and animation, with scales for positioning, sizing, and color mapping. The visualization also presents separate legends for bubble size (calorie ranges) and categorical colors, drawing from a local CSV data file. Data points are styled with red strokes and 70% opacity for visual clarity.

Kkondaveeti.bhargavi7780@gmail.com
91% match
Loading thumbnail…

Activity6_Question4

This example shows a bubble chart comparing beverage manufacturers by plotting glucose levels on the x-axis and ratings on the y-axis, with bubble size encoding calorie content and color distinguishing maker categories. The visualization uses d3.csv to load tabular data and d3.scaleLinear for the x, y, and bubble radius scales, while d3.scaleOrdinal assigns distinct colors to manufacturers. SVG circles are rendered with d3.selectAll and .join('circle'), and an interactive tooltip appears on mouseover using D3’s event handling. The chart includes labeled axes, a title, and legend ranges for the scales.

SSiddhartha Alwala
91% match
Loading thumbnail…

task 8 question 2

This bubble chart compares beverage manufacturers by plotting ratings against glucose levels, with each bubble's size representing calorie content and its color indicating the brand. The visualization uses D3.js (v7) to render SVG elements, with interactive tooltips revealing exact calorie and glucose values on hover. The chart includes legends for both bubble size and color coding, and the data is loaded from an external CSV file.

Vvchittimadha@gmail.com
90% match
Loading thumbnail…

act8_question4

This bubble chart compares beverage manufacturers based on glucose levels and ratings, with bubble size representing calorie content and color indicating the brand. Loaded from a CSV file, the visualization uses D3 v7 scales (`d3.scaleLinear`, `d3.scaleOrdinal`) to map data to x/y positions, bubble radius, and color. The SVG rendering includes axes, labels, interactive tooltips on mouseover, and legends for both calorie size and brand color.

Rravularasesh3102@gmail.com
90% match
Loading thumbnail…

Activity 6 Question 4

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.

Nnikhilapogula@my.unt.edu
90% match
Loading thumbnail…

Activity 6 Question 4

A bubble chart compares beverage manufacturers by plotting glucose levels on the x-axis and ratings on the y-axis, with bubble size encoding calories and color distinguishing brand names. Built with D3 v7, the SVG visualization includes hover tooltips showing calorie and glucose values, plus legends for bubble size and color categories. The chart reads from an external CSV file and animates interactive mouseover transitions.

Jjaswanthreddy2000@gmail.com
90% match
Loading thumbnail…

Activity6_Task4

This example shows a bubble chart comparing beverages on glucose levels (x-axis) and rating (y-axis), with bubble size representing calories and color indicating beverage brand across seven groups like Sprite, Fanta, and Pepsi. It loads data from a CSV file using `d3.csv` and renders in SVG via D3 v7, employing `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.schemeSet1` for color encoding, and includes separate legends for calorie sizes and brand colors.

Hhemanthmaddila13@gmail.com
89% match