Skip to main content
SimilarExport ZIP
100%

Bubble chart

✓ Published0🌍 Public
Hharipriyaa07
Last edited Jul 10, 2023
Created on Jul 10, 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 encodes horsepower on the x-axis and torque on the y-axis, while its radius and color represent highway MPG and make, respectively. Hovering reveals a tooltip with the make name. A legend maps bubble sizes to MPG values and includes color-coded dots for each brand. Built with D3 v7, the SVG rendering uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, `d3.axisLeft`, and `d3.interpolateTurbo`, with data loaded from a local 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…

Bubble chart

This bubble chart explores the correlation between average torque, horsepower, and highway MPG across 31 car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius scales with highway MPG and its color maps to the car make. A tooltip reveals the make name on hover. The visualization uses D3 v7 with SVG rendering, linear scales, and animation, pulling data from a remote CSV file. A legend displays MPG values (20, 40) as reference circles, and color swatches identify each make.

LLakshmanRangisetti
98% 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
98% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for 31 car makes. Each bubble’s position encodes horsepower (x-axis) and torque (y-axis), while its radius and color represent highway MPG and car brand, respectively. Built with D3 v7, the SVG graphic uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for categorical colors, and an animated tooltip that appears on mouseover. Data is loaded from a local CSV, and the legend clarifies size and color mappings.

Hharsha
98% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle’s position mapped by d3.scaleLinear axes for horsepower (x) and torque (y), while its radius encodes highway MPG using another linear scale. Color distinguishes car makes via d3.scaleOrdinal with d3.interpolateTurbo, and interactive tooltips appear on mouseover using D3 event handlers. The SVG renders from a CSV file, with a legend for bubble sizes and color categories, all built with d3.v7.

Rrikhitakoganti12
97% match
Loading thumbnail…

Bubble chart

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 scales with highway MPG and its color distinguishes the make. The visualization includes interactive tooltips on hover, plus legends for bubble size and color categories. It loads data from a CSV file and uses D3 v7 scaleLinear, scaleOrdinal, axisBottom, axisLeft, and event handlers. The chart is rendered as SVG with animated opacity transitions on hover.

Aaniteshterala2000
97% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size and color) for 31 car makes. Each circle is positioned by its horsepower and torque values, while its radius encodes highway MPG and its color distinguishes the car brand. Rendered as SVG with animation, the chart uses D3.js v7 APIs including `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette. Interactive tooltips appear on mouseover, displaying the car make. The data comes from a CSV file, with a legend explaining the highway MPG bubble sizes.

LLakshmanRangisetti
97% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s position encodes horsepower (x-axis) and torque (y-axis), while its radius scales with highway MPG and its color maps to the car make. Built with D3.js v7, it renders as SVG with interactive tooltips on hover and includes a bubble-size legend and color-coded make identifiers. Data is loaded from a CSV file and processed using `d3.csv`, with scales and axes created via `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`.

BBhavanaGIrni
97% match
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