Fork of Bubble chart

100%

Fork of Bubble chart

✓ Published0🌍 Public

Last edited Oct 25, 2024

Created on Oct 25, 2024

A bubble chart displays smartphone brands by sales, average rating, and available models. Each bubble's x-position represents rating, y-position represents sales, and size represents model count. The chart uses SVG circles with D3.js v7 scales: `d3.scaleLinear` for axes and `d3.scaleSqrt` for radii. Labels show brand names, with data embedded directly in the JavaScript source.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Bubble chart

This bubble chart visualizes the correlation between price, battery capacity, and average rating for various car models. Each circle’s x-position shows price, y-position shows battery capacity in mAh, and its radius encodes the average rating. D3’s `scaleLinear` and `scaleOrdinal` map data to positions, sizes, and colors, while a custom tooltip displays model details on mouse events. The legend with star values clarifies the rating scale, rendered as SVG with a black stroke.

Aaparnachalumuri@gmail.com

81% match

Loading thumbnail…

Bubble chart

This bubble chart displays the correlation between smartphone specifications and price for 15 brands. The x-axis represents screen size in inches, the y-axis shows RAM in gigabytes, while the bubble radius encodes price, and color distinguishes brands. Hovering over a bubble reveals a tooltip with detailed specifications. The visualization is built with D3 v7 and renders SVG and animations through custom JavaScript, using d3.scaleLinear for axes and bubble size, d3.scaleOrdinal for colors, and d3.interpolateTurbo for the color gradient.

Aaniteshterala2000

80% match

Loading thumbnail…

question4

A bubble chart compares smartphone models by plotting their screen size against storage capacity, with the radius and color of each bubble encoding camera quality and brand. The visualization filters an automotive dataset from a CSV file, using D3 v7's `scaleLinear` for axes and bubble sizing, `scaleOrdinal` with `interpolateTurbo` for color mapping, and an interactive tooltip for brand details. A legend explains the bubble radius scale for highway MPG, alongside the chart’s axis labels and title.

Bbhavyamoturi2509@gmail.com

80% match

Loading thumbnail…

Fork of Act6_Q4

This bubble chart displays the correlation between processor speed, RAM, and storage across multiple smartphone brands, with each circle's x-position, y-position, and radius representing the three respective specifications. The chart also uses different colors to distinguish brands, with a legend identifying each one. Built with D3.js v7, the visualization loads data from a CSV file and renders as an SVG, using `d3.scaleLinear` for the axes and bubble sizing, `d3.scaleOrdinal` with `d3.schemeCategory10` for brand colors, and the `d3.axisBottom` and `d3.axisLeft` APIs for the coordinate system.

Nnumitha

79% match

Loading thumbnail…

task4.9

This bubble chart visualizes smartphone specifications, plotting storage capacity on the x-axis against RAM on the y-axis. Each data point represents a brand, with circle size reflecting battery capacity in milliamp-hours. The SVG rendering uses D3 v7 scales (`d3.scaleLinear`), axes (`d3.axisBottom`, `d3.axisLeft`), and a categorical color scale (`d3.scaleOrdinal`) to distinguish brands. A legend communicates battery size mapping, while hover effects increase bubble opacity. Data comes from an embedded CSV-style array of 16 phone models.

Yyashwanthkirla95@gmail.com

78% match

Loading thumbnail…

Task-7 Q4

A bubble chart displays smartphone specifications by plotting each brand as a circle positioned by RAM (GB) on the y-axis and storage (GB) on the x-axis, with the circle radius scaled to the square root of battery capacity (mAh) via `Math.sqrt`. Color distinguishes brands using D3’s `d3.scaleOrdinal` with `d3.schemeCategory10`, and a legend indicates battery size ranges. The static SVG is rendered with D3 v7, using linear scales (`d3.scaleLinear`) and axis generators (`d3.axisBottom`, `d3.axisLeft`). Data is hardcoded in the script rather than loaded from the CSV.

JJames Cruz

78% match

Loading thumbnail…

Task-7 Q4

JJames Cruz

78% match

Loading thumbnail…

Bubble Chart_Question4

This bubble chart compares mobile phone brands by battery life, price, and units sold. The x-axis shows battery hours, the y-axis shows price in USD, and the circle size encodes units sold. Each brand is color-coded using `d3.schemeSet3`. The visualization uses D3.js v7 with SVG rendering and includes interactive tooltips on hover. Data is loaded from a CSV file using `d3.csv`, with scales created via `d3.scaleLinear` and `d3.scaleSqrt`. A legend identifies each brand's color.

AAnilreddyveeraiahgari@my.unt.edu

78% match