Activity_6-Task-4-Q-9

100%

Activity_6-Task-4-Q-9

✓ Published0🌍 Public

Last edited Oct 20, 2024

Created on Oct 20, 2024

This bubble chart visualizes the nutritional profiles of ten common snacks, plotting sugar content on the x-axis, calories on the y-axis, and encoding fat content through bubble radius. The SVG visualization uses D3.js v7 with `d3.scaleLinear` for axes and bubble sizing, plus `d3.scaleOrdinal` with `schemeCategory10` for color-coded snack categories. Interactive tooltips appear on mouseover, displaying each snack’s name, calories, and sugar content. Static labels identify each bubble, with data loaded from a local CSV file containing snack nutrition metrics.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_task4

This bubble chart visualizes the correlation between average sugar, weight, and calories across various food items from a CSV dataset. Each circle’s x-position maps to weight, y-position to sugar, and radius to calorie content, with color distinguishing food type via the d3.scaleOrdinal and schemeCategory10 palette. The chart includes interactive tooltips on mouseover, plus legends for both calorie radius and food categories. Built with D3 v7, it renders as SVG and uses d3.axisBottom and d3.axisLeft for scales.

Yyadlapallisaisathvik@gmail.com

84% match

Loading thumbnail…

Activity6_Question4

This bubble chart visualizes the nutritional content of six fruits, plotting calories on the x-axis, sugar content on the y-axis, and using bubble area to represent fruit weight. The chart includes labeled axes, a title, and a legend showing weight values for reference. Built with D3 v7 and SVG, it uses `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.axisBottom`/`d3.axisLeft` to render the visualization. Data is loaded from a local CSV file, and the chart is styled with a bordered, rounded background.

KKhushi Desai

83% match

Loading thumbnail…

Activity 6-task 4

This bubble chart displays the correlation between average sugar, average weight, and calories per serving for various food items. Circles are positioned by weight and sugar on the x and y axes, while the circle radius encodes calorie count, with a legend showing calorie values. A hover tooltip reveals exact food item, weight, sugar, and calorie details. Built with D3 v7, it loads fooditems.csv and uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.schemeCategory10`, and a simple SVG animation on hover to change opacity and stroke.

Ttallapanenisahithi@gmail.com

83% match

Loading thumbnail…

Activity6_Task4 Question 4

This bubble chart visualizes nutritional data for fruits, plotting weight in grams on the x-axis against calories on the y-axis, with bubble radius encoding sugar content. Each circle is labeled with the fruit name, and its size reflects the square-root-scaled sugar value. The visualization uses D3 v7 with SVG rendering, d3.scaleLinear for axes, d3.scaleSqrt for bubble sizing, and d3.csv to load the fruits.csv data file. Standard d3.axisBottom and d3.axisLeft calls generate the axes.

Vvemulasai306@gmail.com

82% 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

81% match

Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the relationship between sugar percentage and price percentage for various candies, with bubble size representing win percentage and color distinguishing competitor names. It loads CSV data from a GitHub repository using D3's `d3.csv` method, then renders an SVG with `d3.scaleLinear` for both axes, `d3.scaleSqrt` for bubble sizing, and `d3.scaleOrdinal` with `d3.schemeCategory10` for color mapping. Interactive tooltips appear on mouseover, styled via CSS, providing candy name and values.

CChandra Prakash Reddy Kalwakolu

80% 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

80% 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

80% match