Skip to main content
SimilarExport ZIP
100%

Bubble chart task5

✓ Published0🌍 Public
Ppardha1411
Last edited Jul 5, 2023
Created on Jul 5, 2023
Forked from act7_tsk5

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across different car makes using a colorful scatterplot. Each circle’s position maps horsepower and torque on the axes, while its radius and color correspond to highway MPG and vehicle brand respectively. The visualization includes interactive tooltips, a legend for MPG scaling, and a color legend for manufacturers. Built with D3.js v7, the SVG-based chart loads CSV data and uses `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` for colors, and `d3.axisBottom/Left` for tick rendering.

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 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 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
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 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
93% 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
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 a vehicle’s average torque, horsepower, and highway MPG across different car makes. Each circle’s position maps horsepower and torque, while its radius encodes highway MPG and its color distinguishes the make. The chart includes a legend for MPG values and color-coded brand identifiers, with interactive tooltips on hover. The visualization is rendered as an SVG using D3.js v7, employing `d3.scaleLinear` for axes and size, `d3.scaleOrdinal` for colors, and `d3.csv` to load the dataset.

BBhavyaMammai
93% match
Loading thumbnail…

Activty7 Task5

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle is positioned by horsepower on the x-axis and torque on the y-axis, while its size encodes highway MPG. The chart uses D3.js v7 with SVG rendering and includes interactive tooltips that display the car make on hover. A legend communicates the MPG scale, and a color scale differentiates brands. The data is loaded via `d3.csv` from a local CSV file, with axes, scales, and animation built using `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`.

HHarshithaAmbilpur
92% match