Skip to main content
SimilarExport ZIP
100%

Activity 6-Question 4

✓ Published0🌍 Public
Ttallapanenisahithi@gmail.com
Last edited Oct 24, 2024
Created on Oct 22, 2024
Forked from Activity 6-task 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.

AI-generated description
MIT Licensed

Similar vizzes

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
96% 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
92% match
Loading thumbnail…

Activity6- question 4

This bubble chart shows the correlation between average volume, average sugar, and calories per serving across 20 drink items using a static dataset loaded via `d3.csv`. Circles are positioned by linear scales for volume (x-axis) and sugar (y-axis), with radius encoding calories through another `d3.scaleLinear`. An ordinal color scale distinguishes drink categories, and hover tooltips display exact values. The SVG includes a calorie legend and category color key, rendered entirely with `d3.select` and `d3.axis` APIs.

Ttallapanenisahithi@gmail.com
90% 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
83% 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
83% 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-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
80% 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
79% match