Fork of Bubble chart

100%

Fork of Bubble chart

✓ Published0🌍 Public

Last edited Oct 22, 2024

Created on Oct 22, 2024

This bubble chart visualizes the correlation between price, battery capacity, and average rating for various car models. Each circle’s x-position shows price, y-position shows battery capacity in mAh, and its radius encodes the average rating. D3’s `scaleLinear` and `scaleOrdinal` map data to positions, sizes, and colors, while a custom tooltip displays model details on mouse events. The legend with star values clarifies the rating scale, rendered as SVG with a black stroke.

AI-generated description

MIT Licensed

Similar vizzes

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

84% match

Loading thumbnail…

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

84% 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 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.

Llikhithakarunakarreddym@gmail.com

84% match

Loading thumbnail…

Fork of Bubble chart

This fork of a bubble chart visualizes the correlation between average horsepower and torque for various car makes, with the size of each bubble encoding highway MPG. Built with D3.js, the SVG visualization uses linear scales for the axes and an interpolated Turbo colormap for categorical color encoding. Interactive tooltips display the car make on hover. The chart includes a legend for bubble size and color, with data loaded from a CSV file.

Llikhithakarunakarreddym@gmail.com

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

84% match

Loading thumbnail…

Fork of Bubble chart

This fork of D3's bubble chart uses a CSV dataset of car makes to visualize the relationship between average horsepower, torque, and highway MPG. Each circle's x-position maps to horsepower, its y-position to torque, and its radius is scaled to highway MPG. The color of each bubble encodes the car make. The visualization demonstrates a color legend, a bubble-size legend, and a custom tooltip that reveals the make on hover. Rendered with SVG in D3 v7, the chart uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for coloring, and includes both axis labels and a title.

Iindushashi.g@gmail.com

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

83% match

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

83% match