Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

✓ Published0🌍 Public
VVarshith Peddineni
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

A bubble chart displays the correlation between average horsepower, torque, 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 size and color represent highway MPG and car make respectively. The visualization uses D3 v7 to load CSV data, create SVG scales and axes, and render interactive bubbles with mouseover tooltips. A legend explains the bubble size scale, and hover effects highlight individual data points.

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…

Activity6_Task4

A bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's position reflects horsepower and torque, while its radius encodes highway MPG, and its color distinguishes the manufacturer. The visualization includes a tooltip that displays the car make on hover, a legend for MPG values, and a color-coded list of makes. Built with D3.js v7, the chart uses SVG, linear scales, and ordinal color scales to render the animated and interactive data.

Hharshabandi3060@gmail.com
97% match
Loading thumbnail…

Activity6_Task4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. The chart uses a linear scale for the x-axis (horsepower) and y-axis (torque), with circle radius and color encoding highway MPG and make, respectively. Built with D3.js v7, it renders as an SVG with an animated tooltip on mouseover. An interactive legend displays MPG values and car makes, while the chart reads data from a CSV file.

Ppadiginetivishnupriya@gmail.com
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart shows the correlation between average horsepower, torque, 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 its color distinguishes the manufacturer. The visualization uses D3 v7 with SVG rendering, including tooltips on mouseover and a custom legend for bubble size. It reads data from a CSV file and employs simple d3.scaleLinear scales for positioning and sizing.

Vvenkataravitarunelisetty@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for different car makes, using circle size to represent highway MPG and color to distinguish makes. The visualization includes interactive tooltips that reveal the make on hover. Built with D3 v7, it renders as an SVG with linear scales for positioning and size, an ordinal color scale using interpolateTurbo, and a legend showing MPG values. Data is loaded from a local CSV file.

VVidya Lakshmi Chitturi
96% match
Loading thumbnail…

Activity_6 task4

A bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. The visualization uses D3.js (v7) with SVG and animation, reading data from a CSV file. Bubble position maps horsepower and torque, while bubble size and color encode highway MPG and car make, respectively. Interactive tooltips appear on mouseover, showing the car make. The chart includes legends for both bubble size (MPG) and color-coded makes, rendered through D3's `scaleLinear` and `scaleOrdinal` APIs.

HHarinathChakali33@gmail.com
96% match
Loading thumbnail…

Activity 6_Task 4

A bubble chart displays the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque, while its radius and color represent highway MPG and car brand, respectively. Using D3.js v7, the visualization maps data from a CSV file to SVG elements, with a black tooltip appearing on hover, and a legend showing MPG values and color-coded make categories.

Ttallavijayalakshmi0710@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. Each circle's x-position maps to horsepower, y-position to torque, and both its radius and color encode highway MPG, with a legend for size and color. The D3.js v7 code reads from a CSV file and renders an SVG with axis labels and a black tooltip. The visualization includes interactive hover effects, changing circle opacity and stroke width to display the car make.

Rramsrinivaskatragadda@my.unt.edu
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across different car makes. Each circle's horizontal position represents horsepower, vertical position represents torque, and its size encodes highway MPG, with color distinguishing car manufacturers. The visualization uses D3.js v7 with an SVG rendering and includes interactive tooltips that appear on hover, displaying the car make. The chart also provides a legend for bubble size and color, using d3.scaleLinear for axis and bubble scaling, and d3.scaleOrdinal with the interpolateTurbo color scheme for categorical color mapping. The data is loaded from an external CSV file.

Sshivakumarganji@my.unt.edu
96% match