Skip to main content
SimilarExport ZIP
100%

Activity6_Question4

✓ Published0🌍 Public
DDee
Last edited Apr 5, 2025
Created on Apr 5, 2025
Forked from A6_T4

This interactive bubble chart visualizes chocolate brands by cocoa percentage, sugar content, and popularity index, with bubble size encoding popularity and color representing brand identity. The SVG visualization uses d3.scaleLinear for x/y axes, d3.scaleOrdinal with d3.interpolateTurbo for color mapping, and d3.csv to load the dataset. Hovering over a bubble triggers tooltip HTML showing the brand name. The chart also includes legends for bubble size and brand colors, rendered with d3 selections and animated transitions on mouseover and mouseleave.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity6-Question2

This stacked bar chart depicts the percentage distribution of chocolate ratings across five categories, from "below 5.0" to "above 8.5," for six chocolate brands. Each brand forms a horizontal bar with colored segments representing the proportion of ratings in each category, using a diverging color scheme. Built with D3 v7 and rendered as SVG, the visualization uses `d3.stack()` to generate the stacked data and `d3.scaleOrdinal` for colors, with interactivity via mouseover events that display exact percentages in a tooltip. The chart reads from the CSV file, with axes labeled "Percentage" and a manual legend positioned to the right.

Ggreeshmareddy135@gmail.com
83% 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
83% 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
82% match
Loading thumbnail…

Activity 4 Task4 Qus

This bubble chart visualizes chocolate sales performance, plotting sales amount against boxes shipped for individual transactions. Each bubble’s size corresponds to the sales amount, while its color encodes the product type, with a legend identifying each category. Hovering over a bubble reveals a tooltip with product, sales, boxes, and country details. Built with D3 v7, the visualization uses SVG circles, linear and square-root scales for positioning and sizing, and ordinal color scaling, all rendered within an SVG container.

SSuneelKalva@my.unt.edu
82% match
Loading thumbnail…

Activity6Question4

A bubble chart maps candy characteristics, plotting sugar percentage on the x-axis and price percentage on the y-axis, with bubble size representing win percentage. The chart uses d3.csv to load data from a GitHub repository, d3.scaleLinear for axes, d3.scaleSqrt for bubble sizing, and d3.scaleOrdinal with d3.schemeCategory10 for colors. An SVG rendering includes interactive tooltips that display candy name, sugar, and price values on mouseover.

Aalapati98@gmail.com
82% match
Loading thumbnail…

Activity6_Question2

This stacked bar chart displays the distribution of chocolate ratings across five brands, showing the proportion of ratings in five percentage-based categories from “below 5.0” to “above 8.5.” The code uses d3.stack() to generate the stacked series and d3.scaleOrdinal for color mapping, with d3.axisBottom and d3.axisLeft for axes. Interactive tooltips appear on mouseover, showing the exact percentage per rating category. The data comes from a local CSV file loaded with d3.csv, and the visualization is rendered as SVG with a linear x-scale for percentages and a band scale for categories.

Ggreeshmareddy135@gmail.com
81% match
Loading thumbnail…

Activity6_Task4(Question 9)

This visualization compares beverage manufacturers using a bubble chart where each bubble’s position maps glucose levels on the x-axis and beverage rating on the y-axis, with bubble size representing calorie content and color indicating brand (Dew, Sprite, Thumsup, Fanta, Maaza, Coke, Pepsi). Built with D3 v7, it renders as SVG with scales including d3.scaleLinear for axes and bubble radius, d3.scaleOrdinal with d3.schemeSet1 for categorical colors, and includes labeled legends for both size and brand. Data comes from an external CSV file.

SSowjanya Devupalli
81% match