Activity-6 Question-4

100%

Activity-6 Question-4

✓ Published0🌍 Public

Aarthireddykota@my.unt.edu

Last edited Apr 5, 2024

Created on Apr 5, 2024

This bubble chart shows the correlation between average computing time, cost, and duration across various devices. Each circle’s x-position represents computing time, y-position represents cost, and radius encodes duration, with colors categorizing device type. Rendered as an SVG using D3 v7, the visualization includes interactive tooltips on hover and a legend for duration values. Data is loaded from a CSV file, and scales like `d3.scaleLinear` and `d3.scaleOrdinal` drive the layout and color mapping.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity06 Question 4.9

This bubble chart visualizes the correlation between price, battery life, and weight for various smart devices. Each circle's x-position maps to price, the y-position to battery life, and the radius to weight, with color encoding the device brand. The visualization uses D3 v7 to create an SVG, employing `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color, and `d3.axisBottom`/`d3.axisLeft` for axis ticks. Data is loaded from a local CSV file, and a legend explains the weight scale and brand colors.

Bbharatchowdarypotluri@my.unt.edu

81% 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

78% 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

78% 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

78% 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

76% match

Loading thumbnail…

Activity6 Question4

A bubble chart displays electronics products with screen size on the x-axis, price on the y-axis, and horizontal resolution scaled to bubble radius using `d3.scaleLinear`. Built with d3.v7 and rendered as SVG circles, each bubble is green with red strokes at 50% opacity. Mouse events trigger tooltips showing brand, resolution, processor speed, and price. Data loads from `bubblechart.csv`, and animations occur through D3 transitions on tooltip opacity.

Ppslharika@gmail.com

76% 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

76% match

Loading thumbnail…

Activity-6_question4

This bubble chart visualizes the correlation between a shape’s average area, perimeter, and number of sides using a CSV dataset. Each circle’s x-position, y-position, and radius map to the area, perimeter, and side count, respectively, while its color encodes the shape type. Built with D3 v7, the SVG visualization includes axis labels and legends for both radius and color. Animated tooltips appear on hover, displaying each shape’s name, with the chart transitioning smoothly via D3’s interactive event handling.

1188r1a0559@gmail.com

75% match