Skip to main content
SimilarExport ZIP
100%

Activity-6_Task-4

✓ Published1🌍 Public
HHarshathBudida@my.unt.edu
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from Hello VizHub

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.

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
97% 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 each bubble's position mapped to horsepower and torque axes while its radius encodes fuel efficiency. The color of each bubble distinguishes the car manufacturer. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color mapping, and includes interactive tooltips that display the car make on mouseover. Data is loaded from a CSV file and rendered as SVG with animated hover effects.

TTarshit Vupperla
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle's position mapping horsepower and torque while its radius encodes fuel efficiency. The visualization includes a tooltip that displays the car make on hover, alongside dual legends showing both the bubble size scale and color-coded makes using `d3.scaleOrdinal` with interpolated Turbo colors. Built with D3 v7, the chart renders as SVG and uses `d3.scaleLinear` for axes and bubble sizing, with data loaded from a CSV file and interactive hover states managed through mouse events.

Ssaisnehapalle@my.unt.edu
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart displays the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s horizontal position represents horsepower, the vertical axis shows torque, and bubble size encodes highway MPG, while color distinguishes vehicle manufacturers. The visualization uses D3.js v7 with SVG rendering and animation. It reads data from a CSV file, employs `d3.scaleOrdinal` and `d3.interpolateTurbo` for coloring, and includes interactive tooltips on mouseover along with a legend for bubble size and categorical color mapping.

Aaravapalliharika2002@gmail.com
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble’s position encoding the first two variables and its radius representing fuel efficiency. The visualization uses D3 v7 with SVG rendering and includes interactive tooltips that appear on mouseover to display the car make. A legend breaks down bubble size by highway MPG values and color-codes each make using the `d3.interpolateTurbo` scale, while axes are drawn with `d3.axisBottom` and `d3.axisLeft` from CSV data.

Vvarun.mahankali39@gmail.com
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle’s size encoding fuel efficiency and color distinguishing brands. The visualization uses D3 v7 with SVG rendering, reading data from a CSV file via `d3.csv`. It employs `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color mapping, and interactive tooltips triggered by mouseover events. Hovering highlights individual makes while a legend explains bubble scaling.

SSaiKiranReddyKancharla@my.unt.edu
97% 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 encoding MPG and color distinguishing manufacturers. Built with D3 v7, the SVG renders circles positioned by scaled horsepower and torque axes, using `d3.scaleLinear` for coordinates and radius, and `d3.scaleOrdinal` with `d3.interpolateTurbo` for color. Interactive tooltips appear on mouseover, and a legend explains bubble sizes and colors. Data is loaded from a CSV file.

Aarthireddykota@my.unt.edu
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart examines the correlation between average horsepower, torque, and highway MPG for various car makes. It uses a D3.js SVG render with animated transitions, scaling circle size by highway MPG and coloring each make via the ordinal color scale with interpolated Turbo colors. The chart includes interactive tooltips that display the car make on hover, a legend for bubble sizes, and a color-coded legend for car makes. Data visualizes the trade-off between performance metrics and fuel efficiency, sourced from bubblechart.csv.

Hhkodiripaka15@gmail.com
97% match