Skip to main content
SimilarExport ZIP
100%

bubblechart

✓ Published0🌍 Public
Bbhargavipagolu2025@gmail.com
Last edited Oct 30, 2025
Created on Oct 30, 2025

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes from a CSV file. Each bubble's x-position encodes horsepower, its y-position torque, and its radius highway MPG, with color representing the make. The chart uses d3.scaleLinear for axes and bubble size, d3.scaleOrdinal with d3.interpolateTurbo for color, and d3.axisBottom and d3.axisLeft for axes. Interactive tooltips display the make on hover, implemented via d3.select and event handlers. SVG rendering is used with fixed margins and dimensions.

AI-generated description
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. 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 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 relationship between average horsepower, torque, and highway MPG across car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius and color represent highway MPG and make, respectively. Hovering a bubble reveals its make via a tooltip. The chart is rendered as an SVG with d3.csv loading, d3.scaleLinear for axes and sizing, d3.scaleOrdinal for colors, and d3.interpolateTurbo for the color palette, including a legend and hover animations.

Bbhargavipagolu2025@gmail.com
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, torque, and highway MPG for various car makes. Each bubble's position is determined by horsepower (x-axis) and torque (y-axis), while its size encodes the highway MPG value. The chart uses a linear scale for positioning and a separate scale for bubble radius. Interactivity is provided through tooltips that display the car make on hover, using mouseover events. The visualization is rendered as an SVG, with a legend showing the MPG scale and a color-coded list of car makes. The code utilizes d3.csv for data loading and d3.scaleLinear for axis and size scaling.

Vvineelaramulapalli32
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 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