Bubble chart

100%

✓ Published0🌍 Public

Last edited Jul 19, 2023

Created on Jul 19, 2023

This bubble chart from D3 v7 visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble’s x-position maps to horsepower, its y-position to torque, and its radius encodes highway MPG, while color distinguishes the car brand via `d3.scaleOrdinal` with the `interpolateTurbo` palette. The chart uses `d3.axisBottom` and `d3.axisLeft` for axes, and an SVG legend explains the bubble-size scale. Interactive tooltips appear on mouseover, and the data comes from a local CSV file.

AI-generated description

MIT Licensed

Similar vizzes

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 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 visualizes the correlation between average horsepower (x-axis), average torque (y-axis), and highway MPG (bubble size) for various car makes, using a turbo color scale to distinguish each brand. Interactive tooltips reveal the make on hover, and the SVG is generated dynamically from a CSV file. The chart employs D3 v7 APIs including `d3.csv`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.scaleOrdinal`. A legend shows the bubble size scale and color key, with smooth transitions on tooltip display.

Bbogasamudramvamsikrishnareddy

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 represents highway MPG and its color maps to the car manufacturer. Built with D3 v7 and SVG, the chart includes interactive tooltips on mouseover, a size legend, and a color legend. Data is loaded from a remote CSV using `d3.csv`, with scales created via `d3.scaleLinear` and `d3.scaleOrdinal`.

Ssrikkanth05

96% match

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

96% 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

96% match

Loading thumbnail…

Bubble chart

This bubble chart shows the correlation between average horsepower, average torque, and highway MPG for various car makes. Each circle is positioned by horsepower on the x-axis and torque on the y-axis, with its size encoding highway MPG and its color representing the car make. Built with d3.v7, the SVG visualization uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for coloring, and `d3.interpolateTurbo` for the color palette. Interactive tooltips appear on mouseover, and a legend displays both bubble-size values and color-coded makes.

Lleftymadi

96% match