Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published1🌍 Public
LLokesh Madem
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This bubble chart visualizes the correlation between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size and color) for 31 car makes. Each car brand is represented by a colored circle, with turbo color interpolation mapping distinct hues to each make. The D3.js v7 code loads CSV data, uses `d3.scaleLinear` for axes and bubble radius, and `d3.scaleOrdinal` for color assignment. Interactive tooltips reveal the car make on hover, while a legend displays MPG value scaling. The visualization is rendered as an SVG with smooth opacity transitions on mouse interactions.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble colored by make and sized by MPG. It uses d3.csv to load data, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, while a legend shows bubble size values and a color key for each make. The SVG rendering includes animated hover effects via the style property and d3 transitions.

Rrakesh.kavuru@outlook.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…

Activity-6_Task-4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with bubble size representing fuel efficiency and color encoding car brand. The D3 v7 visualization reads data from a CSV file and uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal for color mapping, and d3.interpolateTurbo for the color palette. Interactive tooltips appear on mouseover using d3 event handlers, while a legend displays both bubble size values and color-coded makes. The SVG rendering includes axis labels, a title, and animated hover effects.

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

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes, with each car brand represented as a circle positioned by its performance metrics and scaled by fuel efficiency. The visualization uses D3 v7 to render SVG elements, employing linear scales for the axes, an ordinal color scale with interpolateTurbo for car brands, and interactive tooltips that display the car make on hover. A legend explains the bubble size mapping to highway MPG values, while the data is loaded from a CSV file containing performance specifications across 31 automotive manufacturers.

Vvikramkotlo9@gmail.com
96% match
Loading thumbnail…

Activity 6_Task4

This bubble chart visualizes the correlation between 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 and color represent MPG values and car brand, using d3.scaleLinear for sizing and d3.scaleOrdinal with d3.interpolateTurbo for coloring. The code uses D3 v7, loads data from bubblechart.csv, and includes an interactive tooltip triggered by mouseover events. A legend with circles, lines, and text explains bubble size scaling.

Bbudalavijay2001@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for 31 car makes, with horsepower on the x-axis, torque on the y-axis, and MPG encoded by both bubble radius and color. The visualization uses d3.csv to load data, d3.scaleLinear for positioning and sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color encoding. Interactive tooltips respond to mouse events, while SVG circles, axes, and a legend are rendered with d3.js v7, including animated opacity changes on hover.

MMili Patel
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble’s position mapping horsepower on the x-axis and torque on the y-axis, while radius encodes MPG and color distinguishes manufacturers. The visualization includes an interactive tooltip that displays the car make on hover, plus legends for both bubble size and color categories. The chart is rendered as SVG using D3 v7, employing `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color assignment, and event handlers for tooltip display. Data comes from a CSV file with aggregated averages per make.

Ggouthamigongidi2457@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each vehicle brand represented by a colored circle positioned by horsepower and torque while its size encodes fuel efficiency. The visualization uses D3.js v7 with SVG rendering, employing `d3.scaleOrdinal` with `d3.interpolateTurbo` for color assignment, `d3.scaleLinear` for positional and size scales, and interactive tooltips triggered by mouse events. Data comes from a CSV file containing per-make averages, and the chart includes dual legends for bubble size and make-color mapping. Animation is not present despite the metadata listing.

Ttejaswiteju9811@gmail.com
96% match