Skip to main content
SimilarExport ZIP
100%

Fork of Bubble chart

✓ Published0🌍 Public
AAbhinay Peeta
Last edited Mar 31, 2025
Created on Mar 31, 2025
Forked from Bubble chart

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque on the x- and y-axes, while its radius scales with highway MPG and its color distinguishes the make. Built with D3 v7, the SVG uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` for color, and `d3.interpolateTurbo` for the palette. Interactive tooltips appear on mouseover, and a legend displays the MPG scale and make colors.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble’s position on the x- and y-axes encoding horsepower and torque, its radius scaling with highway MPG, and its color mapping to the manufacturer. Built with D3 v7, the SVG renders circles with a linear scale for size, an ordinal color scale using `d3.interpolateTurbo`, and interactive tooltips that appear on mouseover. A legend explains the MPG radius scale, while color-coded dots identify each make.

Llikhithakarunakarreddym@gmail.com
98% match
Loading thumbnail…

Fork of 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 (x-axis) and torque (y-axis), while its radius represents highway MPG and its color distinguishes the manufacturer. The code uses `d3.csv` to load data, `d3.scaleLinear` for axes and bubble size, and `d3.scaleOrdinal` with interpolated turbo colors for categorical mapping. Interactive tooltips appear on `mouseover`, and a legend explains both bubble size and color groups. The SVG render includes animated transitions on hover via CSS opacity changes.

Jjasthilavanya2022@gmail.com
97% match
Loading thumbnail…

Fork of Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various vehicle makes. Each circle’s position reflects its horsepower and torque, while its size encodes highway MPG and its color categorizes the make. The chart includes axis labels, a size legend for MPG values, and a color legend for makes. Built with D3 v7, the SVG visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for colors, and interactive tooltips on mouseover.

Ssathvik0311@gmail.com
97% match
Loading thumbnail…

Fork of Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble’s position and size encoding these three variables. The chart uses d3.csv to load the data, d3.scaleLinear for the x, y, and radius scales, and d3.scaleOrdinal with d3.interpolateTurbo for color-coding car makes. Interactive tooltips on mouseover and mouseleave reveal the make of each bubble. A legend displays MPG values and color categories, while the SVG is rendered with d3.v7, including custom styles for hover effects.

Ssahithitoomu@gmail.com
97% match
Loading thumbnail…

Fork of Bubble chart duplicate

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s position encodes horsepower and torque, while its radius and color map to highway MPG and make. The chart uses d3.scaleLinear for axes and sizing, d3.scaleOrdinal with d3.interpolateTurbo for colors, and SVG circles. Interactive tooltips appear on mouseover using d3 transitions, and a legend indicates MPG values. Data comes from a CSV file.

Hhkodiripaka15@gmail.com
97% match
Loading thumbnail…

Fork of Bubble chart

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes, using circle size to encode fuel efficiency and color to distinguish brands. The visualization includes an interactive tooltip that displays the make on hover, along with a legend for both the MPG scale and the color-coded categories. Built with D3.js v7, it loads data from a CSV file and renders SVG elements with animations for tooltip transitions, while axes and labels are generated using d3.scaleLinear and d3.axisBottom/axisLeft.

Aabjalshaik02@gmail.com
96% match
Loading thumbnail…

Fork of Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for different car makes. D3.js v7 renders SVG circles positioned by linear scales for horsepower and torque, with circle size encoding highway MPG and color mapped to car make via a custom ordinal scale using interpolateTurbo. Interactive tooltips display the make on mouseover, while legend circles and color swatches clarify the encoding. The chart loads data from a CSV file, with styling handled through CSS classes.

Ssathvik0311@gmail.com
96% match
Loading thumbnail…

Fork of Bubble chart

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s horizontal position encodes horsepower, its vertical position torque, and its size reflects highway MPG, while color distinguishes the manufacturer. The visualization uses D3.js v7 with SVG rendering and interactive tooltips that display the car make on hover. Animated transitions are applied to the tooltip’s opacity. The chart includes a legend for bubble size values (20 and 40 MPG) and a color-coded list of makes, all positioned with fixed coordinates. Data comes from a local CSV file.

Hharshabandi3060@gmail.com
96% match