Fork of Bubble chart

100%

Fork of Bubble chart

✓ Published0🌍 Public

Last edited Apr 4, 2024

Created on Apr 4, 2024

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.

AI-generated description

MIT Licensed

Similar vizzes

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

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

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

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

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

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

93% match

Loading thumbnail…

Fork of Bubble chart

This fork of a bubble chart visualizes the correlation between average torque, horsepower, and highway MPG for various car makes. Each circle is positioned by horsepower and torque, sized by highway MPG, and colored by car make using an ordinal scale with `d3.interpolateTurbo`. The SVG chart includes interactive tooltips on mouseover, a size legend for MPG values, and a color legend. Data is loaded from a CSV file and rendered with D3 v7 scales and axes.

LLakshmi Keerthi

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

93% match