Skip to main content
SimilarExport ZIP
100%

Activity 6 Q 4.9

✓ Published0🌍 Public
RRukmini Devi Y
Last edited Oct 24, 2024
Created on Oct 24, 2024
Forked from Circles with D3

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.

AI-generated description
MIT Licensed

Similar vizzes

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
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-Question-4

This bubble chart visualizes the relationship between average battery life, RAM, and camera megapixels for various smartphone brands. Each circle represents a phone make, with its x-position mapped to horsepower and y-position to torque, while the circle’s radius encodes highway fuel efficiency. The code uses D3 v7 to load CSV data, create linear scales, and render SVG elements. Interactive tooltips display the brand name on mouseover, and a color scale distinguishes each manufacturer.

Nnaveen.dodda4321@gmail.com
87% match
Loading thumbnail…

Activity6_Question4

This example visualizes the correlation between battery life, processing power, and camera quality across smartphone makes. The chart uses a bubble plot with processing power on the x-axis, camera quality on the y-axis, and bubble size representing battery life, alongside a color scale for phone brands. It includes interactive tooltips on hover and a legend for both bubble size and brand colors. The code uses d3.csv to load data, d3.scaleLinear for axes and bubble radius, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping.

Gganeshseeram5decem@gmail.com
86% match
Loading thumbnail…

Activity 6_Answers 9 10 11_NRS

This bubble chart visualizes the correlation between processor speed, RAM, and battery life for 20 smartphone brands. Each circle’s x-position maps to processor speed, its y-position to RAM, and its radius encodes battery life hours, with color distinguishing brands. The visualization uses D3.js v7 with SVG rendering, employing `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `schemeCategory10` for colors, and `d3.axisBottom` and `d3.axisLeft` for axes. Data is loaded from a CSV file, and a legend identifies each brand.

NNIIPUNNREDDY00@GMAIL.COM
86% 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
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
86% match
Loading thumbnail…

Activity6_Question4

This interactive bubble chart visualizes the correlation between battery life, camera megapixels, and weight for 20 smartphone brands. Each bubble’s x-position maps battery life, y-position maps camera resolution, and its radius encodes weight. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with d3.interpolateTurbo to assign brand colors. Hovering triggers a custom tooltip showing the brand name, while red circles and lines provide legends for weight and color-coded brands.

Aayeshamanzoor111798@gmail.com
86% match