Skip to main content
SimilarExport ZIP
100%

Finalq4activity6

✓ Published0🌍 Public
Vvaishnavi6gan@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Bubble chart

A bubble chart visualizes the correlation between processing speed, memory, and camera megapixels for consumer electronics brands from electronic_data.csv. Each circle's horizontal position encodes average processing speed (GHz), vertical position encodes average memory (GB), and radius encodes camera megapixels. The chart uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal with d3.interpolateTurbo for brand colors, and d3.axisBottom/d3.axisLeft for tick labels. Interactive tooltips appear on mouseover via d3 event handlers, with a legend showing megapixel ranges and brand color dots, all rendered as SVG with D3 v7.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity6_4Q

This D3.js v7 bubble chart visualizes the correlation between screen size, resolution, processor speed, and price for various TV brands. Color encodes brand identity while circle radius represents processor speed, with tooltips revealing brand names on hover. The visualization uses d3.csv to load data, d3.scaleOrdinal for color mapping, and d3.axisBottom/d3.axisLeft for axes. An SVG legend displays highway MPG value ranges and brand color keys, with styled tooltip interactions for enhanced data reading.

Ggreeshmareddy135@gmail.com
84% match
Loading thumbnail…

Act6_Q4

A bubble chart shows the correlation between processor speed, RAM, and storage across 15 smartphone brands, with bubble size encoding storage capacity and color encoding brand. The visualization uses D3 v7’s scaleLinear, scaleOrdinal, and schemeCategory10 to map data from a CSV file. Circles are rendered as SVG elements, with axes for processor speed (GHz) and RAM (GB), plus a legend identifying each brand.

Ssaitejakaranam10@gmail.com
84% 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
83% 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
82% 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
81% 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
81% match
Loading thumbnail…

Fork of Act6_Q4

This bubble chart displays the correlation between processor speed, RAM, and storage across multiple smartphone brands, with each circle's x-position, y-position, and radius representing the three respective specifications. The chart also uses different colors to distinguish brands, with a legend identifying each one. Built with D3.js v7, the visualization loads data from a CSV file and renders as an SVG, using `d3.scaleLinear` for the axes and bubble sizing, `d3.scaleOrdinal` with `d3.schemeCategory10` for brand colors, and the `d3.axisBottom` and `d3.axisLeft` APIs for the coordinate system.

Nnumitha
81% match