Skip to main content
SimilarExport ZIP
100%

task4_q1

✓ Published0🌍 Public
Bbadiniswetha@gmail.com
Last edited Apr 6, 2025
Created on Apr 4, 2025
Forked from Hello VizHub

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`.

AI-generated description
MIT Licensed

Similar vizzes

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

activity6_Task4 Question 4

This bubble chart displays smartphone specifications, plotting screen size on the x-axis against camera resolution on the y-axis, with bubble radius scaled by price and color encoding phone brand. The chart uses D3.js v6 with SVG rendering, employing `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.schemeSet3` for brand colors, and `d3.axisBottom` and `d3.axisLeft` for labeled axes. Data comes from the local `smartphones.csv` file, loaded via `d3.csv`.

Ssumanthpenna0221@gmail.com
86% match
Loading thumbnail…

Task4 Question 4

This interactive bubble chart visualizes smartphone specifications, comparing screen size, camera resolution, and price across different brands. Each bubble’s position encodes screen size on the x-axis and camera resolution on the y-axis, while its radius represents price and its color indicates the brand. The visualization uses D3.js (v6) with an SVG rendering approach, employing `d3.scaleLinear` for the axes and bubble sizing, `d3.scaleOrdinal` with `d3.schemeSet3` for brand colors, and `d3.axisBottom`/`d3.axisLeft` for labeled axes. Data comes from the `smartphones.csv` file, loaded via `d3.csv`, with each point styled with opacity and a black stroke.

Nnitishsurneni@gmail.com
85% 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
85% match
Loading thumbnail…

Activity6_Task4 Question 4

This bubble chart visualizes smartphone specifications by mapping screen size to the x-axis, camera resolution to the y-axis, and price to bubble radius, with color encoding brand identity. The visualization uses d3.csv to load the smartphone dataset, then employs d3.scaleLinear for axes and sizing, d3.scaleOrdinal with d3.schemeSet3 for categorical colors, and d3.axisBottom and d3.axisLeft to render axes. SVG circles are appended and positioned using the scaled values, with opacity and stroke applied for readability.

Gguttavenkata745@gmail.com
84% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart compares smartphones by price, RAM, and storage, with each bubble representing a brand positioned by price on the y-axis and RAM on the x-axis, while bubble size encodes storage capacity. The visualization uses D3.js v7 to render an SVG with axes, a color scale based on brand, and a legend for storage values. A custom tooltip appears on hover, displaying brand, price, storage, RAM, and screen size, with smooth transitions for show and hide effects. The chart reads the `bubblechart.csv` data file and incorporates React starter code for the frontend framework.

Ssannihitha.k23@gmail.com
84% match