Skip to main content
SimilarExport ZIP
100%

Activity6_task 4

✓ Published0🌍 Public
Ppravallikachowdary16518@gmail.com
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Hello VizHub

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. Each bubble's x-position maps to horsepower, y-position to torque, and size to highway MPG, while color distinguishes car brands. Built with D3.js (v7), it renders as an SVG with animated transitions. The visualization includes axes, a bubble size legend for MPG values, and a tooltip that appears on mouseover. Data is loaded from a remote CSV file using `d3.csv`. The chart uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color, and `d3.interpolateTurbo` for the color palette.

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 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 visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. The x-axis represents average horsepower, the y-axis shows average torque, while bubble size encodes highway MPG and color distinguishes each manufacturer. Built with D3 v7, the visualization uses SVG rendering with `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette. Interactive tooltips appear on hover, and a legend explains the bubble size scale for MPG values.

Vvamsikrishnakanchukommala@my.unt.edu
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…

Activity_6-Task-4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position is mapped to horsepower (x-axis) and torque (y-axis), while its size represents highway MPG and its color identifies the car brand. Built with D3 v7, the SVG rendering includes interactive tooltips that display the make on mouseover. The chart uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette, with data loaded from a CSV file.

Aabdul.khader2899@gmail.com
96% match
Loading thumbnail…

Activity6_task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes torque (y-axis) and horsepower (x-axis), while its radius scales with highway MPG and its color distinguishes the vehicle brand. Built with D3 v7, the SVG visualization includes hover tooltips that display the car make, plus a legend for MPG bubble sizes and color categories. Data is loaded from a CSV file using `d3.csv`, with scales created via `d3.scaleLinear` and `d3.scaleOrdinal` for mapping values.

Ppraneeth.d555@gmail.com
96% match
Loading thumbnail…

Activity6_Task 4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with data sourced from `bubblechart.csv`. Each circle's x-axis position encodes horsepower, the y-axis encodes torque, and the circle's radius represents highway MPG via a linear scale (`d3.scaleLinear`), while a categorical color scale (`d3.scaleOrdinal` with `interpolateTurbo`) distinguishes makes. Rendered as SVG with D3 v7, the visualization includes hover tooltips showing the make, a legend for MPG bubble sizes, and color-coded entries for each make. The chart animates tooltip opacity using D3 transitions and uses axes from `d3.axisBottom` and `d3.axisLeft`.

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

Activity6_Task 4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with data sourced from `bubblechart.csv`. Each circle's x-axis position encodes horsepower, the y-axis encodes torque, and the circle's radius represents highway MPG via a linear scale (`d3.scaleLinear`), while a categorical color scale (`d3.scaleOrdinal` with `interpolateTurbo`) distinguishes makes. Rendered as SVG with D3 v7, the visualization includes hover tooltips showing the make, a legend for MPG bubble sizes, and color-coded entries for each make. The chart animates tooltip opacity using D3 transitions and uses axes from `d3.axisBottom` and `d3.axisLeft`.

Ssaisnehapalle@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. Each bubble's position maps horsepower on the x-axis and torque on the y-axis, while its size and color encode highway MPG and make, respectively. Built with D3 v7, the visualization uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` to map data attributes. It reads from a CSV file and includes an animated tooltip on hover, plus a legend for size and color scales.

Pperamranji
96% match