Skip to main content
SimilarExport ZIP
100%

Bubble chart

✓ Published1🌍 Public
Pperamranji
Last edited Mar 30, 2025
Created on Mar 30, 2025
Forked from Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes, with each bubble’s size encoding fuel efficiency and its color representing the manufacturer. Built with D3 v7, it uses `d3.csv` to load the dataset, `d3.scaleLinear` for axes and bubble sizing, and `d3.scaleOrdinal` for color mapping. Circles are rendered as SVG elements with tooltips on mouseover, while legends for both bubble size and make colors are included. Hover interactions are managed via event listeners, and the chart animates tooltip transitions.

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 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 for various car makes. Each bubble's position corresponds to its horsepower and torque values, while its size encodes highway MPG and its color represents the car manufacturer. Built with D3.js (v7), the SVG renders axes, labeled scales, and animated bubbles with hover tooltips showing the make. A legend displays bubble size values and color-coded car brands, using `d3.scaleLinear`, `d3.scaleOrdinal`, and D3's `join` API for data binding.

Ssaipaidipalli
96% match
Loading thumbnail…

Bubble chart

This bubble chart displays the correlation between average horsepower, torque, and highway MPG across multiple car makes, using circle size to represent fuel efficiency and color to distinguish manufacturers. Built with D3 v7, it loads data from a CSV file and renders an SVG with linear scales for the axes and bubble radius, plus an ordinal color scale. Interactive tooltips appear on mouseover, while legends for bubble size and color categories are drawn manually using SVG circles, lines, and text elements.

Ddriftcafe
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, using the x-axis for horsepower, y-axis for torque, and bubble size for MPG. Each car make is individually colored, and the chart includes a legend showing both the MPG scale and make colors. Built with D3.js version 7, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for axes and bubble sizes, and `d3.interpolateTurbo` for color mapping, with interactive tooltips appearing on mouseover. All elements are rendered as SVG, and the chart animates in when the data loads.

Ssamithareddy9@gmail.com
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 visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. Each circle’s position maps horsepower on the x-axis and torque on the y-axis, while its radius and color encode highway MPG and car brand. Built with d3.v7, it uses d3.scaleOrdinal for color, d3.scaleLinear for sizing, and SVG elements with mouseover tooltips displaying the make. A legend explains bubble sizes and brand colors, with data loaded from a CSV file.

Iindushashi.g@gmail.com
95% match
Loading thumbnail…

Bubble chart

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position encodes horsepower and torque on the x- and y-axes, while its radius represents highway MPG and its color distinguishes the car manufacturer. Built with D3 v7 using SVG and animation, the visualization reads data from a CSV file and includes interactive tooltips that display the make on hover. Axes, a size legend for MPG values, and a color legend for car brands are generated using d3.scaleLinear and d3.scaleOrdinal.

Vvishusikka
95% match