Fork of Bubble chart

Llikhithakarunakarreddym@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 on the x- and y-axes encoding horsepower and torque, its radius scaling with highway MPG, and its color mapping to the manufacturer. Built with D3 v7, the SVG renders circles with a linear scale for size, an ordinal color scale using `d3.interpolateTurbo`, and interactive tooltips that appear on mouseover. A legend explains the MPG radius scale, while color-coded dots identify each make.

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

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

Jjasthilavanya2022@gmail.com

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.

Aajaykumarseelam@my.unt.edu

Fork of Bubble chart

This bubble chart visualizes the correlation between average torque, horsepower, and highway MPG for various car makes. Each circle’s position maps torque and horsepower, while its size encodes highway MPG and its color represents the car make. The visualization includes interactive tooltips that display the make on hover, a color legend, and a size legend for MPG values. Built with d3.v7, it uses scaleLinear for axes and bubble sizing, scaleOrdinal with interpolateTurbo for colors, and SVG rendering with mouse event handlers.

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

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