Skip to main content
SimilarExport ZIP
100%

Activity6_task4_question1

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

This bubble chart displays the relationship between performance score and user experience score for seven smartphone brands, with circle size encoding battery capacity. The visualization uses D3 v7 with SVG rendering, employing d3.scaleLinear for both axes, d3.scaleSqrt for bubble sizing, and d3.scaleOrdinal with d3.schemeTableau10 for color coding. Each brand is labeled directly on its corresponding bubble.

AI-generated description
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
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
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_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
84% 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
84% match
Loading thumbnail…

Activity6_Question4

This interactive bubble chart visualizes the relationship between smartphone price, battery capacity, and average rating using data from a CSV file. The visualization uses D3 v7 to render SVG circles positioned by price and battery on x and y axes, with bubble size representing rating and color distinguishing phone models via an ordinal scale with interpolateTurbo. Hover interactions trigger tooltips displaying model details. A legend on the right maps bubble sizes to star ratings, while CSS styles enhance hover opacity for improved readability.

Aaparnachalumuri@gmail.com
84% 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
84% 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
84% match