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

Hharshabandi3060@gmail.com

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.

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

Fork of 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.

Ssathvik0311@gmail.com

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

Fork of Bubble chart duplicate

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s position encodes horsepower and torque, while its radius and color map to highway MPG and make. The chart uses d3.scaleLinear for axes and sizing, d3.scaleOrdinal with d3.interpolateTurbo for colors, and SVG circles. Interactive tooltips appear on mouseover using d3 transitions, and a legend indicates MPG values. Data comes from a CSV file.

Hhkodiripaka15@gmail.com

Fork of Fork of Bubble chart

This visualization shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble’s position encodes horsepower and torque on the x and y axes, while its size represents highway MPG and its color distinguishes the car manufacturer. Hovering reveals the make via a tooltip. The chart uses D3 v7 with SVG and animation, employing d3.scaleLinear, d3.scaleOrdinal, d3.interpolateTurbo, and d3.csv to load and render the bubblechart.csv data, includes a legend for MPG and color-coded car makes.

Iindushashi.g@gmail.com

Fork of Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble’s position and size encoding these three variables. The chart uses d3.csv to load the data, d3.scaleLinear for the x, y, and radius scales, and d3.scaleOrdinal with d3.interpolateTurbo for color-coding car makes. Interactive tooltips on mouseover and mouseleave reveal the make of each bubble. A legend displays MPG values and color categories, while the SVG is rendered with d3.v7, including custom styles for hover effects.

Ssahithitoomu@gmail.com