Skip to main content
SimilarExport ZIP
100%

Activity06_Task04

✓ Published1🌍 Public
Bbharatchowdarypotluri@my.unt.edu
Last edited Oct 23, 2024
Created on Oct 23, 2024

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle represents a make, positioned by its horsepower and torque values, with bubble size encoding highway MPG and color distinguishing makes. The visualization uses D3.js v7 to create SVG elements with linear scales for axes and bubble sizing, an ordinal color scale, and interactive tooltips on mouseover. A legend shows both size categories and color-coded make labels. The 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…

Activity6_Task4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque on the x- and y-axes, while its radius and color represent highway MPG and car make, respectively. Built with D3 v7, the SVG visualization includes a tooltip on hover, a size legend for MPG values, and color-coded makes. Data is loaded from a local CSV file, with scales and axes created via `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`.

SSiddhartha Alwala
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each circle positioned by its horsepower and torque values while its radius encodes highway MPG. Hovering over a circle reveals the car make via an interactive tooltip. The visualization uses d3.csv to load data, d3.scaleLinear for axes and sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. It renders as SVG with animated opacity transitions on mouseover, and includes a legend for bubble size and color categories.

PPradhyumna Poralla
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 30 car makes. Each circle’s position maps horsepower and torque, while its radius encodes highway MPG and its color distinguishes the make. The visualization uses d3.csv to load data, d3.scaleLinear for axes and sizing, and d3.scaleOrdinal with interpolateTurbo for categorical coloring. Interactive tooltips appear on mouseover, and a legend explains size and color encoding. The chart is rendered as SVG with animated hover effects, styled via CSS.

Cchinnivikramnunna@gmail.com
96% match
Loading thumbnail…

Activity6_Task 4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with data sourced from `bubblechart.csv`. Each circle's x-axis position encodes horsepower, the y-axis encodes torque, and the circle's radius represents highway MPG via a linear scale (`d3.scaleLinear`), while a categorical color scale (`d3.scaleOrdinal` with `interpolateTurbo`) distinguishes makes. Rendered as SVG with D3 v7, the visualization includes hover tooltips showing the make, a legend for MPG bubble sizes, and color-coded entries for each make. The chart animates tooltip opacity using D3 transitions and uses axes from `d3.axisBottom` and `d3.axisLeft`.

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

Activity6_Task 4

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with data sourced from `bubblechart.csv`. Each circle's x-axis position encodes horsepower, the y-axis encodes torque, and the circle's radius represents highway MPG via a linear scale (`d3.scaleLinear`), while a categorical color scale (`d3.scaleOrdinal` with `interpolateTurbo`) distinguishes makes. Rendered as SVG with D3 v7, the visualization includes hover tooltips showing the make, a legend for MPG bubble sizes, and color-coded entries for each make. The chart animates tooltip opacity using D3 transitions and uses axes from `d3.axisBottom` and `d3.axisLeft`.

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

Activity6_task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower and torque, while its radius represents highway MPG and its color distinguishes the manufacturer. The visualization uses d3.scaleLinear axes, d3.scaleOrdinal color mapping, and interactive tooltips triggered by mouseover events. A legend displays both bubble-size scaling and make-specific color identifiers. The data is loaded from a CSV file and rendered as SVG elements with D3 v7.

Aakitisaitejareddy@gmail.com
96% match
Loading thumbnail…

Activity 6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius and color represent MPG values and car brand, using d3.scaleLinear for sizing and d3.scaleOrdinal with d3.interpolateTurbo for coloring. The code uses D3 v7, loads data from bubblechart.csv, and includes an interactive tooltip triggered by mouseover events. A legend with circles, lines, and text explains bubble size scaling.

Bbudalavijay2001@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes, with each bubble colored by make and sized by MPG. It uses d3.csv to load data, d3.scaleLinear for axes and bubble sizing, and d3.scaleOrdinal with interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, while a legend shows bubble size values and a color key for each make. The SVG rendering includes animated hover effects via the style property and d3 transitions.

Rrakesh.kavuru@outlook.com
96% match