Skip to main content
SimilarExport ZIP
100%

test

✓ Published1🌍 Public
Ddriftcafe
Last edited May 18, 2022
Created on May 18, 2022
Forked from Bubble chart

A bubble chart displays the relationship between average horsepower, torque, and highway MPG for various car makes, using circle size to encode fuel efficiency and color to distinguish brands. The visualization is built with D3 v7, reading from a CSV file and rendering SVG circles with tooltips that reveal the make on hover. It uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with a Turbo color palette for categorical coloring, and includes a legend showing size mappings and color-coded make labels. Styled with opacity transitions on hover, the chart updates interactively as the mouse moves.

AI-generated description
MIT Licensed

Similar vizzes

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
94% match
Loading thumbnail…

Bubble chart

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.

Hharsha
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
92% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. Each circle’s position maps horsepower on the x-axis and torque on the y-axis, while its radius and color encode highway MPG and car brand. Built with d3.v7, it uses d3.scaleOrdinal for color, d3.scaleLinear for sizing, and SVG elements with mouseover tooltips displaying the make. A legend explains bubble sizes and brand colors, with data loaded from a CSV file.

Iindushashi.g@gmail.com
92% 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
92% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle’s position mapped by d3.scaleLinear axes for horsepower (x) and torque (y), while its radius encodes highway MPG using another linear scale. Color distinguishes car makes via d3.scaleOrdinal with d3.interpolateTurbo, and interactive tooltips appear on mouseover using D3 event handlers. The SVG renders from a CSV file, with a legend for bubble sizes and color categories, all built with d3.v7.

Rrikhitakoganti12
92% match
Loading thumbnail…

Bubble chart

This bubble chart shows the correlation between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size, color) for various car makes. The visualization uses a categorical color scale generated with `d3.interpolateTurbo` for make identification, with axes created via `d3.axisBottom` and `d3.axisLeft` from `d3.scaleLinear`. Hovering over a circle reveals a tooltip with the vehicle make, styled via CSS and positioned using SVG event coordinates. Data is loaded from a CSV file using `d3.csv`. A legend maps bubble size to MPG values and color-coded dots identify each brand.

Vvineelaramulapalli32
92% 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
92% match