Fork of fork of bubblechart

100%

Fork of fork of bubblechart

✓ Published0🌍 Public

Last edited Apr 15, 2024

Created on Apr 15, 2024

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius and color represent highway MPG and car make, respectively. The visualization uses d3.scaleLinear for axes and bubble sizing, d3.scaleOrdinal with d3.interpolateTurbo for color, plus a tooltip for interactivity. Data comes from the included bubblechart.csv file, rendered as SVG elements with hover animations for exploration.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

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

97% match

Loading thumbnail…

Fork of Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position maps horsepower (x-axis) and torque (y-axis), while its radius and color encode highway MPG using a linear scale and the viridis interpolator. The chart uses d3.csv to load data, d3.scaleLinear for axes and sizing, and d3.scaleOrdinal for color mapping. Interactive tooltips appear on mouseover, and a legend demonstrates the MPG-to-radius relationship through labeled circles and dashed segments.

AAbdullah Al Maruf

97% match

Loading thumbnail…

Fork of 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 (x-axis) and torque (y-axis), while its radius represents highway MPG and its color distinguishes the manufacturer. The code uses `d3.csv` to load data, `d3.scaleLinear` for axes and bubble size, and `d3.scaleOrdinal` with interpolated turbo colors for categorical mapping. Interactive tooltips appear on `mouseover`, and a legend explains both bubble size and color groups. The SVG render includes animated transitions on hover via CSS opacity changes.

Jjasthilavanya2022@gmail.com

97% match

Loading thumbnail…

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

96% match

Loading thumbnail…

Fork of Bubble chart

This fork of a bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes using data loaded from a CSV file. Each circle’s position encodes horsepower and torque on the x- and y-axes, while its radius scales with highway MPG and its color maps to the car make via a categorical ordinal scale using d3.interpolateTurbo. Rendered with SVG, the chart includes interactive tooltips on mouseover, axis labels, and a legend displaying both bubble-size values and color-coded makes. The visualization uses d3.csv, d3.scaleLinear, d3.scaleOrdinal, and d3.axisBottom/axisLeft.

Bbhavanimandula@my.unt.edu

96% match

Loading thumbnail…

fork of bubblechart

This bubble chart visualizes the relationship between average horsepower, torque, and highway fuel efficiency across 31 car makes. Each circle’s position maps horsepower and torque, while its size represents highway MPG and color distinguishes the brand. Built with D3 v7, the SVG uses `scaleLinear` for axes and bubble radius, plus `scaleOrdinal` for color. Interactive tooltips appear on mouseover, and a legend explains the size and color mappings. Data comes from the included `bubblechart.csv` file.

Vvchittimadha@gmail.com

96% match

Loading thumbnail…

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

96% match

Loading thumbnail…

Fork of Bubble chart

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque on the x- and y-axes, while its radius scales with highway MPG and its color distinguishes the make. Built with D3 v7, the SVG uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` for color, and `d3.interpolateTurbo` for the palette. Interactive tooltips appear on mouseover, and a legend displays the MPG scale and make colors.

AAbhinay Peeta

96% match