Skip to main content
SimilarExport ZIP
100%

Activity6__Task4

✓ Published0🌍 Public
Vvarunreddy.gudigopuram@gmail.com
Last edited Oct 17, 2024
Created on Oct 17, 2024
Forked from Bubble chart

This bubble chart visualizes the correlation between processor speed, RAM, and battery life for various devices, with each circle's size encoding battery life and color representing the device category. Built with D3 v7, it renders as an SVG and includes interactive tooltips that display the exact specifications on hover. The chart uses `d3.scaleLinear` for x/y axes and bubble radius, while `d3.scaleOrdinal` maps device names to color categories. A legend shows both the battery-life scale and color-coding, drawn from the gadgetdata.csv file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between processor speed, RAM, and battery life across 30 gadgets. Each circle encodes processor speed on the x-axis, RAM on the y-axis, and battery life through both bubble size and color, with blue-to-green mapping for shorter to longer battery life. The D3.js v7 code uses `d3.scaleLinear` for positional and visual encodings, a custom tooltip for device details, and a legend for size and color references. Data is loaded from `gadgetdata.csv` and rendered as scalable vector graphics (SVG), with hover interactions revealing specific specifications.

Vvarunreddy.gudigopuram@gmail.com
96% match
Loading thumbnail…

Activity6- Task4

This bubble chart visualizes the correlation between processor speed, RAM, and battery life across various devices, with bubble size representing battery life and color encoding device type. The SVG chart uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.schemeCategory10` for color coding, and interactive tooltips on mouseover. A legend displays both battery life ranges and device color categories. The data comes from `gadgetdata.csv`, rendered as animated circles with D3 v7 selections.

1180030215cse@gmail.com
96% 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
89% match
Loading thumbnail…

Activity6_question4

This bubble chart visualizes mobile phone specifications, plotting processor speed on the x-axis, battery life on the y-axis, and RAM size as the bubble radius. It uses D3.js v7 with SVG rendering, employing `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color mapping, and includes interactive tooltips for detailed data. The chart features an animated legend for RAM values and reads data from a local CSV file.

SShiva Sai Reddy
89% match
Loading thumbnail…

Activity6_Question - 4

This interactive bubble chart displays the correlation between processor speed, RAM, and battery life across various laptop models. Each circle’s position encodes processor speed (x-axis) and RAM (y-axis), while its radius represents battery life in hours, colored by brand. Users can hover over bubbles to view model names via a tooltip. The visualization uses D3 v7 with SVG elements, including axis scales, a bubble-size scale, and an ordinal color scale, alongside a legends for both bubble size and categorical colors. Data is loaded from a CSV file, with animations applied during mouse interactions.

NNitish Thotakura
88% match
Loading thumbnail…

activity6_task4_answer

This bubble chart visualizes the relationship between laptop processor speed, RAM, and battery life, with each circle positioned by processor speed and RAM on the x- and y-axes while its radius encodes battery life. Brand identity is communicated through color, with a legend mapping each brand to its assigned color. The visualization uses D3.js v7 with a standard `d3.select` workflow, `d3.scaleLinear` for position and size encoding, `d3.scaleOrdinal` for color mapping, and `d3.axisBottom` and `d3.axisLeft` for axes. Data is loaded asynchronously from a CSV file hosted on GitHub, and hovering over a bubble triggers a styled tooltip displaying detailed specifications.

Oorusushanth2002@gmail.com
87% match
Loading thumbnail…

Activity6_Question4

This bubble chart visualizes device specifications, plotting processor speed on the x-axis against RAM on the y-axis, with bubble size representing storage capacity. The D3.js code builds an interactive SVG with tooltips that reveal each device’s brand and type on hover. It uses color scales (`d3.interpolateTurbo` and `d3.interpolateRainbow`) to distinguish brands and device types, and includes legends for both. The data is loaded from a CSV file, with storage values converted from strings like "1TB" to numeric gigabytes.

PPadmajaKodati@my.unt.edu
87% 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