Fork of Assignment 5 - Bubble Chart

100%

Fork of Assignment 5 - Bubble Chart

✓ Published0🌍 Public

Last edited Mar 6, 2022

Created on Mar 6, 2022

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`).

AI-generated description

MIT Licensed

Similar vizzes

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

94% match

Loading thumbnail…

Assignment 5 - Bubble Chart

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.

Vvishusikka

94% match

Loading thumbnail…

Fork of Bubble chart

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes, with each bubble’s position mapping horsepower (x-axis) and torque (y-axis) and its size encoding highway MPG. Color distinguishes car brands. The visualization uses D3 v7 with SVG rendering and includes interactive tooltips that appear on mouse hover. The chart also provides a legend for bubble size (MPG values) and a color-coded brand key, with data loaded from a local CSV file.

Yyuli19991001

91% match

Loading thumbnail…

Fork of Activity 7 task 5

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position encodes horsepower (x-axis) and torque (y-axis), while its radius represents highway MPG. Color distinguishes different car manufacturers, with a legend for MPG values and a categorical color key. Built with D3 v7, the SVG visualization uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette. Interactive tooltips, implemented with mouseover events, display the car make for each data point.

Ssreekarthanda@gmail.com

90% match

Loading thumbnail…

Activity 7 Task 5

This visualization displays a bubble chart correlating average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius represents highway MPG and color distinguishes car brands. The chart includes interactive tooltips on hover, a legend for MPG sizing, and a color-coded brand legend. Rendered as SVG with D3 v7, it uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.interpolateTurbo`, and `d3.csv` to load data from a local CSV file.

MmNamratha25

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

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

90% match

Loading thumbnail…

Fork of Bubble chart

This bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position maps horsepower and torque, while its size encodes highway MPG and its color identifies the manufacturer. The visualization includes interactive tooltips showing the make on hover, as well as legends for bubble size and color. It uses D3 v7 to load CSV data, render SVG circles, axes, and scales, and relies on D3 event handlers for hover effects. Animated transitions are applied to the tooltip for smooth appear and fade behavior.

BBhavanaGIrni

90% match