Bubble chart Assignment 2 Q4

100%

Bubble chart Assignment 2 Q4

✓ Published0🌍 Public

Last edited Jul 21, 2023

Created on Jul 10, 2023

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes, with each circle sized by MPG and colored by manufacturer. The visualization uses d3.v7 to load CSV data and render an SVG with axis scales, a tooltip on mouseover, and a legend for both bubble size and color categories. Hovering highlights a bubble via opacity changes and displays the make in a styled tooltip.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Bubble chart

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position encodes horsepower and torque on the x- and y-axes, while its radius represents highway MPG and its color distinguishes the car manufacturer. Built with D3 v7 using SVG and animation, the visualization reads data from a CSV file and includes interactive tooltips that display the make on hover. Axes, a size legend for MPG values, and a color legend for car brands are generated using d3.scaleLinear and d3.scaleOrdinal.

Vvishusikka

94% match

Loading thumbnail…

Bubble chart

This bubble chart displays the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle's x-position maps to horsepower, its y-position to torque, and its size represents highway MPG, while color encodes the vehicle manufacturer. The visualization uses D3.js v7 with SVG rendering and includes interactive tooltips that appear on mouseover, showing the car make. A legend explains the bubble size scale for highway MPG values, and data is loaded from a local CSV file using `d3.csv`.

SSwapna1915

93% match

Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes using D3 v7. Circles are positioned by horsepower (x-axis) and torque (y-axis), with size encoding highway MPG and color distinguishing car brands. The SVG rendering includes interactive tooltips on hover that display the make. Data loads from a CSV file, with scales handling size and ordinal color mapping, plus a legend explaining bubble size and make colors.

NNukaShravanKumar

93% match

Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble's position corresponds to its horsepower and torque values, while its size encodes highway MPG and its color represents the car manufacturer. Built with D3.js (v7), the SVG renders axes, labeled scales, and animated bubbles with hover tooltips showing the make. A legend displays bubble size values and color-coded car brands, using `d3.scaleLinear`, `d3.scaleOrdinal`, and D3's `join` API for data binding.

Ssaipaidipalli

93% match

Loading thumbnail…

Bubble chart

This bubble chart displays the correlation between average horsepower, torque, and highway MPG across multiple car makes, using circle size to represent fuel efficiency and color to distinguish manufacturers. Built with D3 v7, it loads data from a CSV file and renders an SVG with linear scales for the axes and bubble radius, plus an ordinal color scale. Interactive tooltips appear on mouseover, while legends for bubble size and color categories are drawn manually using SVG circles, lines, and text elements.

Ddriftcafe

93% match

Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble's position is determined by horsepower (x-axis) and torque (y-axis), while its size encodes the highway MPG value. The chart uses a linear scale for positioning and a separate scale for bubble radius. Interactivity is provided through tooltips that display the car make on hover, using mouseover events. The visualization is rendered as an SVG, with a legend showing the MPG scale and a color-coded list of car makes. The code utilizes d3.csv for data loading and d3.scaleLinear for axis and size scaling.

Vvineelaramulapalli32

93% match

Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for different car makes, using position for the first two variables and bubble size for the third. Color encodes car make, with a legend mapping size to MPG values and a second legend listing make categories. The chart is built with D3 v7 using `d3.csv` to load data, `d3.scaleLinear` for axes and bubble sizing, and `d3.scaleOrdinal` for color. Interactive tooltips appear on mouseover via D3 event handlers, rendered as styled SVG circles with animated opacity transitions.

UUmarani Vemula

93% match

Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble’s position is determined by horsepower on the x-axis and torque on the y-axis, while its size encodes highway MPG. The color of each bubble represents the car make. Built with D3.js v7, the visualization uses SVG for rendering and includes interactive tooltips that display the car make upon mouseover, as well as legends for both bubble size and color categories. Data is loaded from a CSV file.

VVarshareddy2912

93% match