Skip to main content
SimilarExport ZIP
100%

activity6_Task4 Question 4

✓ Published0🌍 Public
Ssumanthpenna0221@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024

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

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…

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

Activity6_Question9

This bubble chart visualizes the relationship between screen size, camera resolution, and price for various mobile phone brands. Each circle represents a brand, positioned by its screen size on the x-axis and camera pixels on the y-axis, with the circle's radius encoding the device's price. The chart uses `d3.scaleLinear` for axis and size scaling, and `d3.scaleOrdinal` with `d3.schemeSet3` for brand coloring. Data is loaded from a local `Features.csv` file, rendered as SVG circles with black strokes and 0.7 opacity.

Kkartheekgrpt@gmail.com
87% 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
86% match
Loading thumbnail…

Activity6_Question 4

This bubble chart compares smartphone models by their CPU benchmark score (x-axis), GPU benchmark score (y-axis), and battery life (bubble radius). Each circle represents a device, colored by brand, with a black outline. The chart uses D3.js v7 with SVG rendering, employing `d3.scaleLinear` for positioning and sizing, `d3.scaleOrdinal` with `d3.schemeTableau10` for color encoding, and `d3.axisBottom` and `d3.axisLeft` for axes. Hovering reveals a tooltip showing brand, CPU, GPU, and battery details. Data comes from `smartphones.csv`.

PPreethamreddyannavaram@my.unt.edu
86% 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…

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
85% 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
85% match