Fork of Bubble chart

100%

Fork of Bubble chart

✓ Published0🌍 Public

Last edited Feb 3, 2023

Created on Feb 3, 2023

This bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle is positioned by its horsepower and torque values, with its size scaled to highway MPG and its color representing the car manufacturer. Built with D3 v7 (d3.v7), the visualization uses SVG for rendering and includes interactive tooltips that appear on mouseover. A legend explains the bubble size scale, and the data is loaded from a CSV file using `d3.csv`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Bubble chart

This bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position maps horsepower and torque, while its size encodes highway MPG and its color identifies the manufacturer. The visualization includes interactive tooltips showing the make on hover, as well as legends for bubble size and color. It uses D3 v7 to load CSV data, render SVG circles, axes, and scales, and relies on D3 event handlers for hover effects. Animated transitions are applied to the tooltip for smooth appear and fade behavior.

BBhavanaGIrni

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, with each bubble’s position mapping horsepower (x-axis) and torque (y-axis) and its size encoding highway MPG. Color distinguishes car brands. The visualization uses D3 v7 with SVG rendering and includes interactive tooltips that appear on mouse hover. The chart also provides a legend for bubble size (MPG values) and a color-coded brand key, with data loaded from a local CSV file.

Yyuli19991001

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

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

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

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

94% match

Loading thumbnail…

Fork of Fork of Bubble chart

This bubble chart visualizes the correlation between average torque, horsepower, and highway MPG for vehicle makes. Circle positions encode horsepower and torque on the x and y axes, while circle size represents highway MPG, and color distinguishes vehicle makes. The visualization uses D3.js v7 to load CSV data and render SVG elements with interactive tooltips. A legend explains bubble size and color categories, and hover effects increase opacity to highlight individual data points.

Cchandanagandla

94% match