Activity6_Task4 Question 4

100%

Activity6_Task4 Question 4

✓ Published0🌍 Public

Last edited Oct 22, 2024

Created on Oct 22, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

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

92% match

Loading thumbnail…

Activity6_Task4

A bubble chart visualizes correlations between average weight, sugar content, and price per kilogram for various fruits. Sized circles encode price, while color distinguishes fruit types. Built with d3.v7, it uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and an interactive tooltip on mouse events. Data loads from a CSV file, rendered as SVG, with hover opacity changes and a size legend.

Aamanipeddolla@my.unt.edu

87% match

Loading thumbnail…

Activity 6_Question-4

This example demonstrates a bubble chart that visualizes the relationship between the sweetness, sourness, and size of various fruits. The chart encodes sweetness on the x-axis, sourness on the y-axis, and size as the radius of each circle, with colors distinguishing fruit types. The data is loaded from a local CSV file, and the visualization is built using D3 v7 with SVG rendering. The code employs D3 scales for positioning and sizing, along with axis generators and a custom legend.

Rrajkodavati7@gmail.com

85% match

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

85% 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…

Activity 6-Question 4

This bubble chart shows the correlation between average weight, average sugar, and calories per serving for various food items, with each circle's x-position mapping to weight, y-position to sugar, and radius to calorie count. A legend on the right decodes the circle sizes for calorie values, while a categorical color scale distinguishes the 20 food items. Interactive tooltips display exact values for each food on hover. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and radius, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and `d3.axisBottom`/`d3.axisLeft` for chart axes. The data, loaded from `fooditems.csv`, is rendered as SVG circles with a black tooltip that follows the mouse.

Ttallapanenisahithi@gmail.com

83% match

Loading thumbnail…

Activity6Question4

A bubble chart maps candy characteristics, plotting sugar percentage on the x-axis and price percentage on the y-axis, with bubble size representing win percentage. The chart uses d3.csv to load data from a GitHub repository, d3.scaleLinear for axes, d3.scaleSqrt for bubble sizing, and d3.scaleOrdinal with d3.schemeCategory10 for colors. An SVG rendering includes interactive tooltips that display candy name, sugar, and price values on mouseover.

Aalapati98@gmail.com

82% match

Loading thumbnail…

Activity_6-Task-4-Q-9

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.

Kkrishna444battula@gmail.com

82% match