Skip to main content
SimilarExport ZIP
100%

Activity 6 quiz 9

✓ Published0🌍 Public
Ssreejabommineni1506@gmail.com
Last edited Apr 22, 2025
Created on Apr 22, 2025
Forked from Bubble chart

This bubble chart displays the correlation between volume (ml), calories, and alcohol percentage for various drinks, with each circle’s size and color encoding alcohol content and drink type. Tooltips reveal the drink name on hover. Built with d3.v7, it uses `d3.csv` to load data and `d3.scaleLinear` for axes and bubble sizing, with `d3.scaleOrdinal` and `d3.interpolateTurbo` for coloring. An interactive legend and SVG axes are included, and animations respond to mouse events.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity6_Task4

This bubble chart visualizes correlations between alcohol, wine quality, and residual sugar in the WineQT dataset, sourced from a GitHub-hosted CSV file. Each circle’s position encodes alcohol percentage (x-axis) and quality score (y-axis), while its radius reflects residual sugar content and its color maps pH levels using the `d3.scaleSequential` with `interpolateTurbo`. Interactive tooltips appear on hover via mouse events, and a gradient legend displays the pH color scale. The visualization uses D3 v7 with SVG rendering, `d3.axisBottom`/`d3.axisLeft` for axes, and animated opacity transitions on mouseover and mouseleave.

Jjtulasi05@gmail.com
80% match
Loading thumbnail…

Fork of Activity 6_Q9

A bubble chart compares beverages by glucose levels on the x-axis, ratings on the y-axis, and calorie content through bubble size. The code loads CSV data with `d3.csv`, creates linear scales for axes and bubble radius, and maps beverage types to colors using `d3.scaleOrdinal` with `d3.schemeSet1`. SVG circles are positioned with x and y scales, with legends for size and color rendered alongside the chart.

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

Bubble Chart

This bubble chart compares beverage types by rating, glucose, and calorie content using d3.csv to load the data and d3.scaleLinear for the x, y, and bubble-size scales. It renders SVG circles with d3.schemeSet1 for color encoding by beverage brand, and includes manual legends for calorie size and brand colors. The code uses d3.axisBottom and d3.axisLeft for the axes.

SSwapna1915
78% match