Bubble chart

100%

✓ Published0🌍 Public

Last edited Jul 22, 2023

Created on Jul 22, 2023

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across different car makes, using data from a CSV file. Each circle’s position encodes torque and horsepower on the y and x axes, while its radius reflects highway MPG and its color distinguishes the manufacturer. Built with D3 v7, the SVG visualization includes hover tooltips and a legend showing MPG size scaling. The code uses `d3.csv`, `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, `d3.axisLeft`, and `d3.interpolateTurbo` for coloring.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for 31 car makes. Each bubble’s position encodes horsepower (x-axis) and torque (y-axis), while its radius and color represent highway MPG and car brand, respectively. Built with D3 v7, the SVG graphic uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for categorical colors, and an animated tooltip that appears on mouseover. Data is loaded from a local CSV, and the legend clarifies size and color mappings.

Hharsha

96% match

Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s position encodes horsepower (x-axis) and torque (y-axis), while its radius scales with highway MPG and its color maps to the car make. Built with D3.js v7, it renders as SVG with interactive tooltips on hover and includes a bubble-size legend and color-coded make identifiers. Data is loaded from a CSV file and processed using `d3.csv`, with scales and axes created via `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`.

BBhavanaGIrni

96% match

Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s position encodes horsepower (x-axis) and torque (y-axis), while its radius represents highway MPG and its color maps to the car manufacturer. Built with D3 v7 and SVG, the chart includes interactive tooltips on mouseover, a size legend, and a color legend. Data is loaded from a remote CSV using `d3.csv`, with scales created via `d3.scaleLinear` and `d3.scaleOrdinal`.

Ssrikkanth05

96% match

Loading thumbnail…

Bubble chart

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car makes. Each circle is positioned by its horsepower and torque on the x and y axes, with its size encoding highway MPG and color distinguishing the car brand. Built with D3 v7, the SVG chart uses linear scales, a color legend, and interactive tooltips that appear on hover. The data comes from a CSV file, and the visualization is rendered as an animated SVG.

JJayanthKumarkoni

96% match

Loading thumbnail…

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 on the x-axis and torque on the y-axis, while its radius and color represent highway MPG and make, respectively. Hovering reveals a tooltip with the make name. A legend maps bubble sizes to MPG values and includes color-coded dots for each brand. Built with D3 v7, the SVG rendering uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, `d3.axisLeft`, and `d3.interpolateTurbo`, with data loaded from a local CSV.

Hharipriyaa07

96% match

Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position reflects its horsepower and torque values, while its radius encodes highway MPG and its color distinguishes the car brand. The visualization uses D3.js with SVG rendering and includes interactive hover tooltips that display the car make, along with a legend for bubble size. Data is loaded from a CSV file using D3's `d3.csv` method. The chart also features axis labels, a color scale using `d3.interpolateTurbo`, and a legend mapping colors to car brands.

SSharankumar02

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

95% match

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

95% match