Skip to main content
SimilarExport ZIP
100%

Activity6-Task4

✓ Published1🌍 Public
Ssriyaalugupalli@my.unt.edu
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity6_Task4

This bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle represents a make, positioned by its horsepower (x-axis) and torque (y-axis), with radius encoding highway MPG and color distinguishing brands, using D3.js with linear scales. Hovering reveals a tooltip via mouseover events, while the legend explains the MPG bubble sizes and color-coded makes. The visualization reads from a CSV, uses SVG rendering, and applies the `d3.interpolateTurbo` color scheme.

SSahithi.R
96% match
Loading thumbnail…

Activity6_task4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s position maps to horsepower (x-axis) and torque (y-axis), while its radius and color encode highway MPG and make, respectively. The visualization uses D3.js v7 to render SVG circles, with a tooltip on hover and a legend for MPG scaling and make colors. Data comes from bubblechart.csv, processed through d3.csv and d3.scaleOrdinal. The chart includes silver axes via d3-axisLinear and uses d3.interpolateTurbo for color mapping.

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

activity6 task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle represents a car brand, positioned by its horsepower and torque values, with circle size encoding highway MPG and color distinguishing makes. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble scaling, and d3.scaleOrdinal with d3.interpolateTurbo for coloring. Interactive tooltips appear on mouseover, and a legend shows MPG circle sizes and color-coded makes. The SVG is rendered with d3.v7 and includes axis labels and a title.

Bbrahmateja.edu2023@gmail.com
96% match
Loading thumbnail…

activity6 task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle represents a car brand, positioned by its horsepower and torque values, with circle size encoding highway MPG and color distinguishing makes. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble scaling, and d3.scaleOrdinal with d3.interpolateTurbo for coloring. Interactive tooltips appear on mouseover, and a legend shows MPG circle sizes and color-coded makes. The SVG is rendered with d3.v7 and includes axis labels and a title.

Bbrahmateja.edu2023@gmail.com
96% match
Loading thumbnail…

Activity 6_Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 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 car brand. The visualization uses D3 v7 with SVG rendering and includes interactive tooltips that display the car make on hover. A legend shows the bubble-size scale for MPG values and color-coded dots for each manufacturer. The chart reads from a CSV dataset and employs the `d3.scaleOrdinal` and `d3.scaleLinear` APIs for color and size encoding.

SSrihith Reddy Gaddam
96% match