Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published0🌍 Public
Aamanipeddolla@my.unt.edu
Last edited Oct 19, 2024
Created on Oct 19, 2024
Forked from 5 Buddhas

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Bubble chart

A bubble chart visualizes the correlation between average weight, sugar content, and price for ten fruits. Each fruit is represented by a circle whose x-axis position maps weight, y-axis position maps grams of sugar, and radius encodes price in dollars. The chart uses D3.js v7 with SVG for rendering, employing `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with a turbo color interpolation for fruit categories, and a custom tooltip on mouseover for identifying each fruit.

Vvineelaramulapalli32
88% 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
87% 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
87% 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
87% 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
86% match
Loading thumbnail…

Activity6_Question4

This visualization displays a bubble chart showing the correlation between quantity sold, price per unit, and revenue for a dataset of fruits loaded from a CSV file. Each circle’s x-position encodes quantity sold (pounds), y-position encodes price per unit (USD), and radius encodes revenue, with color mapping to fruit type via a scaleOrdinal and d3.interpolateTurbo. The SVG is built using d3.v7 with axisBottom and axisLeft scales, and includes interactive tooltips on mouseover, plus legends for revenue size and fruit categories.

UUday Vandanapu
84% 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
84% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the correlation between average price, weight, and capacity across 15 consumer electronics products. Each circle’s x-position maps price, y-position maps weight, and radius encodes capacity, while color distinguishes product type via a categorical scale using `d3.interpolateTurbo`. The D3 v7 SVG implementation includes axes, a capacity legend with reference circles, and a tooltip that appears on mouseover using `d3.pointer` events. Data is loaded from a CSV file with `d3.csv`, and hover interactions adjust opacity through CSS transitions.

HHari Kiran
84% match