Skip to main content
SimilarExport ZIP
100%

Activity6_question4

✓ Published0🌍 Public
SShiva Sai Reddy
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Activity6_task4

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.

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_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
90% 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
90% match
Loading thumbnail…

Activity6__Task4

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.

Vvarunreddy.gudigopuram@gmail.com
89% 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
88% 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…

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