Skip to main content
SimilarExport ZIP
100%

Task-7 Q4

✓ Published0🌍 Public
JJames Cruz
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from 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.

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
100% 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
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
89% 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
88% 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
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
85% 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
85% 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
84% match