Skip to main content
SimilarExport ZIP
100%

Bubble chart

✓ Published0🌍 Public
UUmarani Vemula
Last edited Jul 3, 2023
Created on Jul 3, 2023
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

Bubble chart

This bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes, with each bubble’s position determined by the x- and y-scales and its size scaled by `d3.scaleLinear` for MPG. Color encodes the car make via `d3.scaleOrdinal` using `d3.interpolateTurbo`. The visualization includes interactive tooltips on mouseover and a legend for bubble sizes and color categories. It loads data from a CSV and renders as animated SVG using D3 v7.

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

Bubble chart

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for 31 car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius and color represent highway MPG and car make, respectively. The visualization includes interactive tooltips on hover, a legend for MPG values, and a color legend for makes. It uses D3 v7, loading data from a CSV file, and builds the SVG with scales like `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`.

Aanith462@gmail.com
96% match
Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size and color) for 31 car makes. Each circle is positioned by its horsepower and torque values, while its radius encodes highway MPG and its color distinguishes the car brand. Rendered as SVG with animation, the chart uses D3.js v7 APIs including `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette. Interactive tooltips appear on mouseover, displaying the car make. The data comes from a CSV file, with a legend explaining the highway MPG bubble sizes.

LLakshmanRangisetti
95% match