q-9

100%

✓ Published0🌍 Public

AArunVurukonda@my.unt.edu

Last edited Oct 25, 2024

Created on Oct 25, 2024

This interactive bubble chart visualizes the correlation between torque, horsepower, and highway MPG for various car makes. Each circle’s position encodes horsepower on the x-axis and torque on the y-axis, while its radius represents highway MPG and color distinguishes car brand. The visualization includes an interactive tooltip on hover and a legend for both bubble size and color. Built with D3 v7, it uses `d3.csv`, `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` to render SVG elements with mouse event handlers. Data comes from the provided `bubblechart.csv` file.

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…

bubblechart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes from a CSV file. Each bubble's x-position encodes horsepower, its y-position torque, and its radius highway MPG, with color representing the make. The chart uses d3.scaleLinear for axes and bubble size, d3.scaleOrdinal with d3.interpolateTurbo for color, and d3.axisBottom and d3.axisLeft for axes. Interactive tooltips display the make on hover, implemented via d3.select and event handlers. SVG rendering is used with fixed margins and dimensions.

Bbhargavipagolu2025@gmail.com

93% match

Loading thumbnail…

Bubble chart

This bubble chart from D3 v7 visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble’s x-position maps to horsepower, its y-position to torque, and its radius encodes highway MPG, while color distinguishes the car brand via `d3.scaleOrdinal` with the `interpolateTurbo` palette. The chart uses `d3.axisBottom` and `d3.axisLeft` for axes, and an SVG legend explains the bubble-size scale. Interactive tooltips appear on mouseover, and the data comes from a local CSV file.

Aakshayvenishetty1437

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

93% match

Loading thumbnail…

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes, using the x-axis for horsepower, y-axis for torque, and bubble size for MPG. Each car make is individually colored, and the chart includes a legend showing both the MPG scale and make colors. Built with D3.js version 7, the visualization uses `d3.csv` to load data, `d3.scaleLinear` for axes and bubble sizes, and `d3.interpolateTurbo` for color mapping, with interactive tooltips appearing on mouseover. All elements are rendered as SVG, and the chart animates in when the data loads.

Ssamithareddy9@gmail.com

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

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

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

93% match

Loading thumbnail…

Bubble chart

This bubble chart explores the correlation between average torque, horsepower, and highway MPG across 31 car makes. Each circle’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. A tooltip reveals the make name on hover. The visualization uses D3 v7 with SVG rendering, linear scales, and animation, pulling data from a remote CSV file. A legend displays MPG values (20, 40) as reference circles, and color swatches identify each make.

LLakshmanRangisetti

93% match