Skip to main content
SimilarExport ZIP
100%

Bubble chart

✓ Published0🌍 Public
NNagateja99
Last edited Jul 13, 2023
Created on Jul 13, 2023
Forked from Hello VizHub

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.

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 shows the correlation between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size, color) for various car makes. The visualization uses a categorical color scale generated with `d3.interpolateTurbo` for make identification, with axes created via `d3.axisBottom` and `d3.axisLeft` from `d3.scaleLinear`. Hovering over a circle reveals a tooltip with the vehicle make, styled via CSS and positioned using SVG event coordinates. Data is loaded from a CSV file using `d3.csv`. A legend maps bubble size to MPG values and color-coded dots identify each brand.

Vvineelaramulapalli32
97% match
Loading thumbnail…

Bubble chart

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for different car makes, with each bubble’s position on the x- and y-axes representing horsepower and torque, and its radius scaled to highway MPG using d3.scaleLinear. The color of each bubble encodes the car make via d3.scaleOrdinal with interpolated turbo colors. The chart is rendered as SVG with interactive tooltips on mouseover, and includes legends for bubble size and make colors. Data is loaded from a CSV file using d3.csv.

Rrushithareddyy
96% 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
96% 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
96% 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
96% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for different car makes, using position for the first two variables and bubble size for the third. Color encodes car make, with a legend mapping size to MPG values and a second legend listing make categories. The chart is built with D3 v7 using `d3.csv` to load data, `d3.scaleLinear` for axes and bubble sizing, and `d3.scaleOrdinal` for color. Interactive tooltips appear on mouseover via D3 event handlers, rendered as styled SVG circles with animated opacity transitions.

UUmarani Vemula
96% 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
96% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble’s position is determined by horsepower on the x-axis and torque on the y-axis, while its size encodes highway MPG. The color of each bubble represents the car make. Built with D3.js v7, the visualization uses SVG for rendering and includes interactive tooltips that display the car make upon mouseover, as well as legends for both bubble size and color categories. Data is loaded from a CSV file.

VVarshareddy2912
96% match