Skip to main content
SimilarExport ZIP
100%

q_6

✓ Published0🌍 Public
Bbhavyamoturi2509@gmail.com
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

A bubble chart compares car brands by horsepower (y-axis), torque (x-axis), and highway MPG (bubble size and color), with a legend mapping both bubble radius and ordinal color categories. Rendered as SVG with animation via D3 v7, it uses `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.interpolateTurbo` to encode continuous and categorical variables. Interactive tooltips display each brand's make on hover. Data comes from the bundled `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…

Bubble Chart

This bubble chart displays average horsepower, torque, and highway MPG for various car brands, with each bubble’s position on the x- and y-axes representing horsepower and torque, and its size encoding highway MPG. The color of each bubble corresponds to the car make, and hovering reveals a tooltip with the brand name. Built with d3.v7 and SVG, it includes axes, a size legend, and a color legend, reading data from a CSV file.

Ssusarlasruthi2000@gmail.com
90% 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
89% match
Loading thumbnail…

Act6_Q4

A bubble chart displays car makes by average horsepower on the x-axis and torque on the y-axis, with bubble size encoding highway MPG and color encoding vehicle category. The visualization labels each bubble with the car make and includes a categorized legend. Built with D3 v7, it uses `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal` to map data, renders SVG circles and text, and loads its data from a CSV file.

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

q-9

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.

AArunVurukonda@my.unt.edu
89% match
Loading thumbnail…

Assignment 5 - Bubble Chart

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for various car brands. The x-axis represents horsepower, the y-axis represents torque, and the bubble size encodes highway MPG, with color distinguishing each brand. Built with D3 v7, the SVG visualization includes interactive tooltips that appear on mouseover, showing the car make. A legend explains the bubble size scaling for highway MPG values. The chart uses ordinal color scaling via `d3.interpolateTurbo` and linear scales for positioning and sizing, with data loaded from a CSV file.

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

Bubble chart

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with circle size encoding MPG and color distinguishing brands. Users hover over bubbles to see the make name via a tooltip. Built with D3 v7 and SVG, it uses d3.csv to load data, d3.scaleLinear for axes and sizing, d3.scaleOrdinal with interpolateTurbo for colors, and includes a legend for MPG values.

Cchsaisriharsha@gmail.com
88% match