Skip to main content
SimilarExport ZIP
100%

Assignment 5 - Bubble Chart

✓ Published7🌍 Public
Vvishusikka
Last edited Mar 1, 2022
Created on Mar 1, 2022
Forked from Hello VizHub

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car brands. The x-axis represents horsepower, the y-axis represents torque, and the bubble size encodes highway MPG, with color distinguishing each brand. Built with D3 v7, the SVG visualization includes interactive tooltips that appear on mouseover, showing the car make. A legend explains the bubble size scaling for highway MPG values. The chart uses ordinal color scaling via `d3.interpolateTurbo` and linear scales for positioning and sizing, with data loaded from a CSV file.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Assignment 5 - Bubble Chart

This interactive bubble chart compares average horsepower, torque, and highway MPG for various car brands, with each circle positioned by horsepower on the x-axis and torque on the y-axis, while its radius encodes highway MPG. Color distinguishes makes via a custom ordinal scale built with `d3.interpolateTurbo`. Data loads from an external CSV using `d3.csv`, and SVG circles include tooltips on hover that display brand names. A legend shows the MPG radius mapping, and the visualization uses `d3.axisBottom` and `d3.axisLeft` for axes with linear scales (`d3.scaleLinear`).

Rrohinikotha
94% match
Loading thumbnail…

Bubble chart

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position encodes horsepower and torque on the x- and y-axes, while its radius represents highway MPG and its color distinguishes the car manufacturer. Built with D3 v7 using SVG and animation, the visualization reads data from a CSV file and includes interactive tooltips that display the make on hover. Axes, a size legend for MPG values, and a color legend for car brands are generated using d3.scaleLinear and d3.scaleOrdinal.

Vvishusikka
93% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. Each circle’s position maps horsepower on the x-axis and torque on the y-axis, while its radius and color encode highway MPG and car brand. Built with d3.v7, it uses d3.scaleOrdinal for color, d3.scaleLinear for sizing, and SVG elements with mouseover tooltips displaying the make. A legend explains bubble sizes and brand colors, with data loaded from a CSV file.

Iindushashi.g@gmail.com
92% match
Loading thumbnail…

Fork of Assignment 5 - Bubble Chart

This bubble chart visualizes average horsepower versus average torque for various car brands, with bubble size encoding average highway MPG and color distinguishing each make. A black tooltip appears on hover, displaying the car brand. The visualization is built with D3 v7, using SVG circles, linear scales for axes, a power scale for bubble radius, and an ordinal color scale. Data is loaded from a CSV file, and the chart includes legends for bubble size and color categories.

SSumanya4
92% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position reflects its horsepower and torque values, while its radius encodes highway MPG and its color distinguishes the car brand. The visualization uses D3.js with SVG rendering and includes interactive hover tooltips that display the car make, along with a legend for bubble size. Data is loaded from a CSV file using D3's `d3.csv` method. The chart also features axis labels, a color scale using `d3.interpolateTurbo`, and a legend mapping colors to car brands.

SSharankumar02
92% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble's position corresponds to its horsepower and torque values, while its size encodes highway MPG and its color represents the car manufacturer. Built with D3.js (v7), the SVG renders axes, labeled scales, and animated bubbles with hover tooltips showing the make. A legend displays bubble size values and color-coded car brands, using `d3.scaleLinear`, `d3.scaleOrdinal`, and D3's `join` API for data binding.

Ssaipaidipalli
92% match
Loading thumbnail…

Bubble chart task5

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across different car makes using a colorful scatterplot. Each circle’s position maps horsepower and torque on the axes, while its radius and color correspond to highway MPG and vehicle brand respectively. The visualization includes interactive tooltips, a legend for MPG scaling, and a color legend for manufacturers. Built with D3.js v7, the SVG-based chart loads CSV data and uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` for colors, and `d3.axisBottom/Left` for tick rendering.

Ppardha1411
92% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes using D3 v7. Circles are positioned by horsepower (x-axis) and torque (y-axis), with size encoding highway MPG and color distinguishing car brands. The SVG rendering includes interactive tooltips on hover that display the make. Data loads from a CSV file, with scales handling size and ordinal color mapping, plus a legend explaining bubble size and make colors.

NNukaShravanKumar
92% match