Skip to main content
SimilarExport ZIP
100%

task8.4

✓ Published0🌍 Public
Ppraneeth7222@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 31 car makes. Rendered as SVG circles, each bubble’s x-position maps to horsepower, y-position to torque, and radius to highway MPG, with colors assigned per make via `d3.scaleOrdinal` and `d3.interpolateTurbo`. Hovering reveals a tooltip showing the car make. The chart includes axes, labels, a size legend for MPG values, and a color legend, all built with D3 v7 and data from `bubblechart.csv`.

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…

task8

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 37 car makes, with each bubble's position mapping horsepower on the x-axis and torque on the y-axis, while its radius encodes highway MPG and its color distinguishes makes. The chart includes an interactive tooltip displaying the car make on hover. Built with D3 v7, it uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color, and `d3.axisBottom` and `d3.axisLeft` for axes, rendering via SVG with animation on tooltip transitions.

Ppraneeth7222@gmail.com
97% match
Loading thumbnail…

act8_task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s position encodes horsepower along the x-axis and torque along the y-axis, while its radius scales with highway MPG. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with interpolateTurbo color mapping for categorical makes. Hovering reveals a tooltip showing the car make. A legend displays MPG reference circles and color-coded dots for each brand. The SVG rendering includes animated hover transitions.

Rravularasesh3102@gmail.com
95% 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
95% 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
95% match
Loading thumbnail…

Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s x-position maps to horsepower, y-position to torque, and its radius encodes highway MPG, while color distinguishes the manufacturer. Rendered as SVG with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with an interpolated turbo color palette for categories, and a custom tooltip on mouseover. Animated hover effects and a dual legend for MPG values and color categories are included. The data comes from a CSV file.

IIkram Mohammed
95% match
Loading thumbnail…

Task8Tutorial_4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for 31 car makes. Each circle’s position encodes horsepower and torque, while its radius and color represent MPG and manufacturer identity. The SVG renders with d3.scaleLinear axes, a third scale for bubble size, and d3.scaleOrdinal for colors. Interactive tooltips appear on hover, and a dual legend explains the MPG radius and categorical colors. Data comes from `bubblechart.csv`.

Mmanohar varma
95% match
Loading thumbnail…

TASK8_TUTORIAL4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each make represented by a colored circle positioned by horsepower and torque axes and sized by MPG. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble radius, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color encoding, and includes a tooltip with mouseover events. The SVG includes a circle-size legend for MPG and a color legend for car makes, with data loaded from a CSV file.

Ttarunskuruvadi@gmail.com
95% match
Loading thumbnail…

task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position reflects horsepower and torque on the x- and y-axes, while its radius and color encode highway MPG. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `interpolateTurbo` for color, and SVG for rendering. Interactive tooltips appear on mouseover, and a legend explains the MPG-to-size mapping. Data comes from the provided `bubblechart.csv` file.

Bbhavyamoturi2509@gmail.com
95% match