Skip to main content
SimilarExport ZIP
100%

Activity 7 Task 5

✓ Published1🌍 Public
MMichael Biancardi
Last edited Jul 21, 2023
Created on Jul 3, 2023
Forked from Hello VizHub

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position reflects horsepower on the x-axis and torque on the y-axis, while its radius encodes highway MPG, with color distinguishing car brands. Hovering reveals a tooltip showing the make. The visualization uses D3 v7’s `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.csv` to load data, with a legend for MPG values and a categorical color scale. SVG rendering and CSS transitions enhance interactivity.

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…

Activity 6 Task 4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position maps horsepower (x-axis) and torque (y-axis), while its radius and color encode highway MPG and car make respectively. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble size, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, showing the make of each vehicle. Legend circles indicate MPG values, with SVG rendering and CSS-based hover opacity transitions.

SSai Gottumukkala
96% match
Loading thumbnail…

Activity 7 Task 5

This visualization displays a bubble chart correlating 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 represents highway MPG and color distinguishes car brands. The chart includes interactive tooltips on hover, a legend for MPG sizing, and a color-coded brand legend. Rendered as SVG with D3 v7, it uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.interpolateTurbo`, and `d3.csv` to load data from a local CSV file.

MmNamratha25
96% match
Loading thumbnail…

Activity 7 task 4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle’s position mapping to horsepower and torque while its size and color encode highway MPG and brand identity. The visualization uses D3.js v7 with SVG rendering, scaling bubble radius via d3.scaleLinear and assigning colors through a d3.scaleOrdinal. Hovering reveals a tooltip with the make name, and animated transitions adjust its opacity. A legend conveys MPG values through circle sizes and make-specific color swatches from the CSV dataset.

Ssreekarthanda@gmail.com
96% match
Loading thumbnail…

Activity 6 Task 4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position maps horsepower (x-axis) and torque (y-axis), while its radius encodes highway MPG, and color identifies the manufacturer. The visualization uses d3.scaleLinear for axes and bubble size, d3.scaleOrdinal for color, and SVG circles with mouseover tooltips. It includes a legend for MPG circle sizes and a color-coded make legend. Data loads from a CSV via d3.csv.

Aanisha.peddireddy@gmail.com
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. Each circle’s position encodes horsepower on the x-axis and torque on the y-axis, while its radius represents highway MPG and its color distinguishes the car brand. Hovering over a bubble reveals the make via a tooltip built with D3’s event handlers. The visualization uses d3.scaleLinear axes, d3.scaleOrdinal for color, d3.interpolateTurbo for the palette, and SVG circles animated through d3 transitions. Data comes from bubblechart.csv.

Jjaswanthreddy2000@gmail.com
96% match
Loading thumbnail…

Activity 7 Task 5

This example shows the correlation between average horsepower, torque, and highway MPG across 31 car makes using a bubble chart. 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. The visualization includes interactive tooltips on mouseover and a legend for both bubble size and color categories. Built with D3.v7 and SVG, it uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and loads data from a local CSV file.

AArun Pratap
96% match
Loading thumbnail…

Activity6-Task4

This interactive bubble chart visualizes the correlation between average torque, horsepower, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque, while its radius maps to highway MPG and color distinguishes the manufacturer. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` for colors, and SVG animations for hover effects. A tooltip with mouse events displays the car make, and dual legends show the MPG bubble-size scale and the color-coded brands. Data is loaded from an external CSV file.

Mmeenam1106@gmail.com
96% match
Loading thumbnail…

Activity 8 - Task 4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle sized by fuel efficiency and colored by manufacturer. The visualization uses D3 v7 with SVG rendering, scaling torque and horsepower to x- and y-axes while mapping highway MPG to circle radius via d3.scaleLinear. Hovering reveals a tooltip displaying the make. A legend communicates MPG values and brand colors. Data comes from a local CSV file processed with d3.csv, using d3.scaleOrdinal for categorical color assignment and d3.interpolateTurbo for the color range.

SSamir Tarda
95% match