Skip to main content
SimilarExport ZIP
100%

Activity6

✓ Published0🌍 Public
Kkeerthi.yanala104@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

This scatter plot compares beverages by glucose levels on the x-axis and beverage ratings on the y-axis, with circle size representing calorie content and color indicating beverage brand. It uses D3 v7 to load CSV data, create SVG circles, and render axes with d3.axisBottom and d3.axisLeft. A legend shows calorie sizes and brand colors, with data from data.csv.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

task 8 task 4

This bubble chart displays the relationship between glucose levels, beverage ratings, and calorie counts across seven beverage brands. The x-axis maps glucose levels, the y-axis shows beverage ratings, and circle size encodes calories. Data is loaded from a CSV file using d3.csv, while d3.scaleLinear and d3.scaleOrdinal position the points and assign colors based on beverage type. The visualization renders as SVG with axis labels, a calorie size legend, and a color-coded brand legend.

Jjaswanthichowdarykalapala@my.unt.edu
85% match
Loading thumbnail…

Fork of Activity6_Question 4

This bubble chart compares beverage manufacturers across glucose levels (x-axis) and ratings (y-axis), with bubble size encoding calorie content and color distinguishing seven brand groups. The chart includes interactive tooltips on hover, displaying calorie and glucose values for each data point. Built with D3 v7, it uses SVG rendering and animation, with scales for positioning, sizing, and color mapping. The visualization also presents separate legends for bubble size (calorie ranges) and categorical colors, drawing from a local CSV data file. Data points are styled with red strokes and 70% opacity for visual clarity.

Kkondaveeti.bhargavi7780@gmail.com
84% match
Loading thumbnail…

Activity6_Task4_Question4

This bubble chart compares beverage companies by plotting glucose levels on the x-axis against ratings on the y-axis. Each circle’s size encodes calorie count, while color distinguishes the brand (Dew, Sprite, Thumsup, Fanta, Maaza, Coke, Pespsi). Built with D3 v7, the SVG visualization uses `d3.scaleLinear` for axes and bubble size, plus `d3.scaleOrdinal` for colors. Hovering reveals a tooltip with calorie and glucose values. The chart includes legends for calorie size and brand colors, with data loaded from a CSV file.

Kkondaveeti.bhargavi7780@gmail.com
84% 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
84% 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
84% match