Skip to main content
SimilarExport ZIP
100%

Fork of Bubble chart

✓ Published0🌍 Public
Ssathvik0311@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position encodes horsepower and torque, while its size maps to highway MPG and its color distinguishes car brand. Built with D3 v7, the SVG rendering includes interactive tooltips that reveal the car make on hover. The chart incorporates a legend for bubble size and a color-coded categorical legend for each make, with all data loaded from a CSV file.

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

Fork of Bubble chart

This bubble chart visualizes the correlation between average horsepower and torque for various car makes, using bubble size to represent highway MPG and color to distinguish car brands. Built with D3.js (v7) and rendered as SVG, it reads data from a CSV file and features interactive tooltips that display the car’s make on mouseover. The visualization includes a legend for bubble size (MPG values) and a categorical color legend, with animated hover effects that adjust opacity and stroke width.

Ddineshreddy.ravula@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. 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
97% 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
97% 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’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 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 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
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
97% match