Skip to main content
SimilarExport ZIP
100%

Bubble chart

✓ Published0🌍 Public
SSwapna1915
Last edited Jul 3, 2023
Created on Jul 3, 2023
Forked from Activity4_Task5

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for car makes, with bubble size encoding MPG and color distinguishing brands. It uses D3 v7 to load CSV data, render SVG axes and circles, and includes interactive tooltips on hover. A legend maps bubble sizes and colors to MPG values and make names, while animated transitions enhance the tooltip 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…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with circle size encoding MPG and color distinguishing brands. Users hover over bubbles to see the make name via a tooltip. Built with D3 v7 and SVG, it uses d3.csv to load data, d3.scaleLinear for axes and sizing, d3.scaleOrdinal with interpolateTurbo for colors, and includes a legend for MPG values.

Cchsaisriharsha@gmail.com
97% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes using D3 v7. Circles are positioned by horsepower (x-axis) and torque (y-axis), with size encoding highway MPG and color distinguishing car brands. The SVG rendering includes interactive tooltips on hover that display the make. Data loads from a CSV file, with scales handling size and ordinal color mapping, plus a legend explaining bubble size and make colors.

NNukaShravanKumar
96% match
Loading thumbnail…

Bubble chart

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for 31 car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius and color represent highway MPG and car make, respectively. The visualization includes interactive tooltips on hover, a legend for MPG values, and a color legend for makes. It uses D3 v7, loading data from a CSV file, and builds the SVG with scales like `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`.

Aanith462@gmail.com
96% match
Loading thumbnail…

Bubble chart

A 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. D3.js v7 loads the CSV data and renders the SVG chart with linear scales for axes and bubble radius, plus an ordinal color scale using `d3.interpolateTurbo`. Hovering reveals a tooltip showing the car make, while custom legends display both the MPG size mapping and color-coded manufacturer categories.

HHarshiiiiiiiip
96% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position reflects its horsepower and torque values, while its radius encodes highway MPG and its color distinguishes the car brand. The visualization uses D3.js with SVG rendering and includes interactive hover tooltips that display the car make, along with a legend for bubble size. Data is loaded from a CSV file using D3's `d3.csv` method. The chart also features axis labels, a color scale using `d3.interpolateTurbo`, and a legend mapping colors to car brands.

SSharankumar02
96% match
Loading thumbnail…

Bubble chart

This bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes, with each bubble’s position determined by the x- and y-scales and its size scaled by `d3.scaleLinear` for MPG. Color encodes the car make via `d3.scaleOrdinal` using `d3.interpolateTurbo`. The visualization includes interactive tooltips on mouseover and a legend for bubble sizes and color categories. It loads data from a CSV and renders as animated SVG using D3 v7.

NNagateja99
95% match
Loading thumbnail…

Bubble chart

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position encodes horsepower and torque on the x- and y-axes, while its radius represents highway MPG and its color distinguishes the car manufacturer. Built with D3 v7 using SVG and animation, the visualization reads data from a CSV file and includes interactive tooltips that display the make on hover. Axes, a size legend for MPG values, and a color legend for car brands are generated using d3.scaleLinear and d3.scaleOrdinal.

Vvishusikka
95% match
Loading thumbnail…

Bubble chart

This bubble chart displays the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle's x-position maps to horsepower, its y-position to torque, and its size represents highway MPG, while color encodes the vehicle manufacturer. The visualization uses D3.js v7 with SVG rendering and includes interactive tooltips that appear on mouseover, showing the car make. A legend explains the bubble size scale for highway MPG values, and data is loaded from a local CSV file using `d3.csv`.

SSwapna1915
95% match