Skip to main content
SimilarExport ZIP
100%

Activity-6_Task-4

✓ Published0🌍 Public
Hhoneyravuri.711@gmail.com
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Hello VizHub

This animated D3.js bubble chart explores the correlation between average horsepower, torque, and highway MPG for various car makes, using data from a GitHub-hosted CSV file. SVG circles are positioned by horsepower on the x-axis and torque on the y-axis, with radius encoding highway MPG and color distinguishing makes via a d3.scaleOrdinal with interpolateTurbo. Interactive tooltips appear on mouseover, while custom legends for bubble size and car makes clarify the encodings.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task4

This animated bubble chart visualizes the correlation between average torque, horsepower, and highway MPG across 31 car makes. Each bubble’s position maps horsepower (x-axis) and torque (y-axis), while its radius encodes highway MPG and color distinguishes the make. Built with D3.js v7, the chart uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and interactive tooltips via mouseover events. Data comes from `bubblechart.csv`, rendered as SVG elements with a legend for MPG values and categorical markers.

Sskykarthik97@gmail.com
96% match
Loading thumbnail…

Activity6-Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. Each circle’s position encodes horsepower on the x-axis and torque on the y-axis, while its radius and color represent highway MPG and car make, respectively. Built with D3 v7, the SVG animation includes interactive tooltips on hover, a custom legend for MPG bubble sizes, and a color-coded legend for makes. Data is loaded from a CSV file, with scales defined via d3.scaleLinear and colors assigned using d3.scaleOrdinal with d3.interpolateTurbo.

Tthoutunikhitha@gmail.com
96% match
Loading thumbnail…

Activity6-Task4

This D3.js bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s x-position, y-position, and size encode the three metrics, while its color categorizes the brand. The SVG rendering includes a legend for MPG values and a color-coded make key. Interactive tooltips appear on hover via mouse events. The visualization reads data from a CSV file and employs `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette.

Ssriyaalugupalli@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. The visualization uses D3.js v7 with SVG and animation, rendering circles whose x-position, y-position, and radius map to horsepower, torque, and MPG respectively. A color scale distinguishes makes, while the legend shows MPG values. Mouseover tooltips (custom HTML) reveal specific make names. The dataset comes from `bubblechart.csv`, and the code applies `d3.scaleLinear` for axes and bubble sizing, `d3.interpolateTurbo` for coloring, and `d3.scaleOrdinal` for legend colors.

Ggalijawaharnath@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This animated bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across car makes using a CSV dataset. D3.js v7 renders SVG circles scaled by MPG and colored with a turbo-scaled ordinal palette. Interactive tooltips appear on mouseover, while the legend displays both bubble size reference circles and color-coded make labels. The implementation uses d3.csv, scaleLinear, scaleOrdinal, and event handlers for hover interactions.

Aadapasaidivya99@gmail.com
96% match
Loading thumbnail…

Activity_6_Task_4

This bubble chart explores the correlation between average horsepower, torque, and highway MPG across 31 car makes. Using D3.js v7 with SVG rendering, each bubble's position encodes horsepower and torque, while its size and color represent highway MPG and brand identity, respectively. Interactive tooltips reveal the car make on hover, and a legend maps bubble sizes to MPG values. The visualization reads data from a local CSV file, utilizing D3 scales and ordinal color schemes.

TTarshit Vupperla
96% match
Loading thumbnail…

Activity6-Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across multiple car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius scales with highway MPG and its color distinguishes the manufacturer. Built with D3 v7, the SVG visualization uses `scaleLinear` for axes and bubble size, `scaleOrdinal` with `interpolateTurbo` for color mapping, and `axisBottom`/`axisLeft` for labels. Interactive tooltips appear on mouseover via D3 event handlers, showing the car make. The legend displays MPG values as circle sizes and includes a color-coded list of all makes.

Ssowmyaammula.sdv@gmail.com
95% match
Loading thumbnail…

Activity6_Task4

This interactive D3.js v7 bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes from a CSV file. Each circle’s position maps horsepower and torque values, while its radius encodes MPG and its color distinguishes the manufacturer. The visualization includes a tooltip that displays the make on mouseover, plus dual legends for MPG scaling and color-coded makes. The SVG rendering uses d3.scaleLinear for axes and bubble size, d3.scaleOrdinal for categorical coloring, and d3.interpolateTurbo for the color palette.

Vvarshithainaganti@gmail.com
95% match