Fork of Activity6_Q9

100%

Fork of Activity6_Q9

✓ Published0🌍 Public

Last edited Oct 20, 2024

Created on Oct 20, 2024

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.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

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

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

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

88% match

Loading thumbnail…

Fork of Bubble Chart new

This bubble chart compares beverage manufacturers by plotting glucose levels on the x-axis and beverage ratings on the y-axis, with bubble size representing calorie content and color distinguishing brands. The visualization includes legends for both bubble size and brand colors. Built with D3 v7, it uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.schemeSet1` for color assignment, and renders as SVG circles. The data is loaded from a CSV file containing ratings, calories, and glucose values for various beverages.

Hhuangweijie0310102@gmail.com

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

87% match

Loading thumbnail…

Bubble Chart

This bubble chart compares beverage manufacturers by plotting their glucose levels on the x-axis, ratings on the y-axis, and calorie content as bubble size. The SVG visualization uses D3 v7 with `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.schemeSet1` for color coding by brand, and `d3.csv` to load the data. It includes custom legends for both calorie size and beverage categories, with red-stroked, semi-transparent circles at 70% opacity.

Mmandadi1999

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

87% match

Loading thumbnail…

Bubble Chart

This bubble chart compares beverage manufacturers by plotting glucose levels on the x-axis, ratings on the y-axis, and calorie count as bubble size, with color distinguishing beverage types. Built with D3 v7, the visualization uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal for color mapping, and d3.schemeSet1 for the categorical palette. Data is loaded from a local CSV file using d3.csv, and the SVG rendering includes custom legends for both bubble size and color categories, with all marks styled with red strokes and 0.7 opacity.

EEtupino

87% match