Skip to main content
SimilarExport ZIP
100%

Fork of Assignment 5 - Bubble Chart

✓ Published0🌍 Public
SSumanya4
Last edited Mar 7, 2022
Created on Mar 7, 2022

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.

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…

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

Fork of test

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 size represents highway MPG and its color distinguishes the car brand. The visualization uses D3 v7 with SVG, rendering static bubbles that reveal a tooltip showing the car make on hover. Data is loaded from a CSV file and styled via inline attributes and CSS.

MMalempatiSaranya
90% match
Loading thumbnail…

DV2_5 _Bubble Chart

This bubble chart plots average horsepower against average torque for various car brands, with each circle's size encoding the brand's highway miles per gallon, and its color encoding the brand name. Built with D3.js, the visualization reads from a CSV file and implements a custom legend for the categorical color mapping. Circle positions are defined by the x- and y-axes, which use linear scales, while the size scale is also linear. Interactive tooltips appear on mouseover, showing the car make. The chart is rendered as an SVG with transitions for tooltip display.

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

Fork of Bubble chart

This bubble chart explores the relationship between average horsepower and torque for various car makes, while using bubble size to represent highway fuel efficiency (MPG). Each bubble is colored according to its manufacturer, with the visualization built using the D3.js v7 library and rendered as an SVG with interactive tooltips. The chart includes a legend explaining the bubble size scale and color categories, and it also incorporates smooth hover animations to enhance data exploration.

MManideeprenikindi
89% match