Skip to main content
SimilarExport ZIP
100%

Bubble chart

✓ Published0🌍 Public
Lleftymadi
Last edited Jun 28, 2023
Created on Jun 28, 2023
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

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

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 on the x-axis and torque on the y-axis, while its radius and color represent highway MPG and make, respectively. Hovering reveals a tooltip with the make name. A legend maps bubble sizes to MPG values and includes color-coded dots for each brand. Built with D3 v7, the SVG rendering uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, `d3.axisLeft`, and `d3.interpolateTurbo`, with data loaded from a local CSV.

Hharipriyaa07
97% match
Loading thumbnail…

Bubble chart

This bubble chart explores the correlation between average torque, horsepower, and highway MPG across 31 car makes. Each circle’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. A tooltip reveals the make name on hover. The visualization uses D3 v7 with SVG rendering, linear scales, and animation, pulling data from a remote CSV file. A legend displays MPG values (20, 40) as reference circles, and color swatches identify each make.

LLakshmanRangisetti
97% 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
97% 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
97% 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
97% 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
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