Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published0🌍 Public
Hhemanthmaddila13@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

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.

AI-generated description
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
90% match
Loading thumbnail…

task 8 task 4

This bubble chart displays the relationship between glucose levels, beverage ratings, and calorie counts across seven beverage brands. The x-axis maps glucose levels, the y-axis shows beverage ratings, and circle size encodes calories. Data is loaded from a CSV file using d3.csv, while d3.scaleLinear and d3.scaleOrdinal position the points and assign colors based on beverage type. The visualization renders as SVG with axis labels, a calorie size legend, and a color-coded brand legend.

Jjaswanthichowdarykalapala@my.unt.edu
89% match
Loading thumbnail…

Activity6_Task4(Question 9)

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.

SSowjanya Devupalli
89% 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
89% match
Loading thumbnail…

Fork of Activity6_Q9

This bubble chart compares beverages by glucose levels on the x-axis, ratings on the y-axis, and calorie content encoded as bubble radius. It uses d3.csv to load the data and d3.scaleLinear for axes and bubble sizing, with d3.scaleOrdinal and d3.schemeSet1 mapping beverage types to colors. The SVG rendering includes axis labels, a graph title, and separate legends for calorie sizes and beverage colors. Circles are drawn with opacity and red strokes for visibility.

KKarnam Abinay Goud
88% 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
88% match
Loading thumbnail…

Task8 question4

This bubble chart compares beverages by their glucose level on the x-axis and their rating on the y-axis, with the size of each circle encoding calorie count and color distinguishing the beverage brand. The visualization uses D3.js version 7, rendering as an SVG. It employs `d3.scaleLinear` for the axes and bubble size, `d3.scaleOrdinal` with the `d3.schemeSet1` palette for categorical colors, and reads its data from a local `data.csv` file.

Mmanohar varma
88% 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
88% match