Fork of Bubble chart

100%

Fork of Bubble chart

✓ Published0🌍 Public

Last edited Jul 11, 2023

Created on Jul 11, 2023

This bubble chart explores the relationship between average horsepower and torque for various car makes, while using bubble size to represent highway fuel efficiency (MPG). Each bubble is colored according to its manufacturer, with the visualization built using the D3.js v7 library and rendered as an SVG with interactive tooltips. The chart includes a legend explaining the bubble size scale and color categories, and it also incorporates smooth hover animations to enhance data exploration.

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

95% match

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 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`.

Hhammaren28

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

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

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

91% match

Loading thumbnail…

Fork of Bubble chart - hover image

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. It uses a D3.js SVG with animated transitions. A custom tooltip, styled with a background image, appears on hover and follows the mouse. Bubble size encodes highway MPG, color distinguishes car makes, and a legend clarifies the size scale. The chart reads data from a CSV file and uses D3 scales for positioning and sizing.

Ddriftcafe

91% 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 on the x-axis and torque on the y-axis, while its size encodes highway MPG. The color of each bubble represents the car make. Built with D3.js v7, the visualization uses SVG for rendering and includes interactive tooltips that display the car make upon mouseover, as well as legends for both bubble size and color categories. Data is loaded from a CSV file.

VVarshareddy2912

91% match

Loading thumbnail…

Bubble chart

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes. Each circle is positioned by its horsepower and torque on the x and y axes, with its size encoding highway MPG and color distinguishing the car brand. Built with D3 v7, the SVG chart uses linear scales, a color legend, and interactive tooltips that appear on hover. The data comes from a CSV file, and the visualization is rendered as an animated SVG.

JJayanthKumarkoni

91% match