Skip to main content
SimilarExport ZIP
100%

task4.9

✓ Published0🌍 Public
Yyashwanthkirla95@gmail.com
Last edited Apr 13, 2024
Created on Apr 13, 2024
Forked from Hello VizHub

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.

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…

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

task4_q1

This bubble chart visualizes smartphone specifications by plotting storage capacity on the x-axis, RAM on the y-axis, and using bubble area to represent price. The color of each circle encodes the phone brand, using a Tableau10 ordinal color scale via `d3.scaleOrdinal`. The chart uses `d3.scaleLinear` for both axes and `d3.scaleSqrt` for bubble radius scaling, with all marks rendered as SVG circles. Data is loaded from a remote CSV file using `d3.csv`, and axis ticks are generated with `d3.axisBottom` and `d3.axisLeft`.

Bbadiniswetha@gmail.com
90% match
Loading thumbnail…

Question4

This bubble chart visualizes smartphone performance by mapping battery life on the x-axis, RAM on the y-axis, and screen size to bubble radius, with colors distinguishing brands. Hovering over a circle reveals a tooltip showing brand, battery life, and RAM. The visualization uses d3.csv to load data, d3.scaleLinear for positioning and sizing, d3.scaleOrdinal with d3.schemeCategory10 for colors, and d3.axisBottom and d3.axisLeft for axes. Data is rendered as SVG circles with mouseover, mousemove, and mouseleave event handlers managing tooltip transitions.

Aaschowdary.shashi@gmail.com
89% match
Loading thumbnail…

Activity6_Task4q1

This bubble chart visualizes the correlation between RAM, battery capacity, and price for 21 mobile phone brands. Each circle represents a phone, positioned by its RAM (x-axis) and battery capacity (y-axis), with the circle's area scaled to the price and color-coded by brand. Built with D3 v7, the SVG visualization uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble size, `d3.scaleOrdinal` with `d3.schemeCategory10` for colors, and includes interactive tooltips on hover. The data comes from the `mobilephones.csv` file, with axis labels and a legend for brand identification.

Ssudheervnarasimha1@gmail.com
87% match
Loading thumbnail…

Activity6Task_4

This bubble chart displays the relationship between processor speed, battery life, and RAM for twenty smartphone brands. Each bubble’s position maps processor speed (x-axis) against battery life (y-axis), while its radius encodes RAM capacity and color distinguishes brand. The visualization uses D3.js v7 with SVG rendering and includes interactive tooltips on hover, plus legends for both RAM size and brand colors. Data is loaded from a CSV file using `d3.csv`, with scales from `d3.scaleLinear` and colors generated via `d3.interpolateTurbo` and `d3.scaleOrdinal`.

Mmanishmanda@my.unt.edu
87% match
Loading thumbnail…

activity6_Task-4

This interactive bubble chart, built with D3.js v7 and SVG animation, visualizes the correlation between processor speed (x-axis), battery capacity (y-axis), and camera resolution (bubble size) across 32 smartphone brands from a CSV file. Each bubble is color-coded by brand using `d3.scaleOrdinal` and `d3.interpolateTurbo`, with a tooltip revealing brand names on hover via mouse events. The chart includes labeled axes, a circle-based legend for camera megapixels, and uses `d3.axisBottom` and `d3.axisLeft` for scales. The semi-transparent bubbles enhance visibility, while hover effects increase opacity.

Ggolisanthoshi2000@gmail.com
85% match
Loading thumbnail…

Activity 6 Q 4.9

This bubble chart compares smartphone brands across battery life (hours), screen size (inches), and charging speed (watts). Each circle’s x-position encodes battery life, y-position encodes screen size, and its area encodes charging speed, with colors distinguishing brands. The D3.js v7 code uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for bubble sizing, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors. Data comes from a hardcoded CSV-like array. A hover tooltip displays exact values for each smartphone model.

RRukmini Devi Y
85% match