Skip to main content
SimilarExport ZIP
100%

Activity6_bubblechart-TASK4

✓ Published0🌍 Public
Vvinilavoddi@my.unt.edu
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across 31 car makes. Each bubble represents a make, positioned by its horsepower on the x-axis and torque on the y-axis, while bubble radius encodes highway MPG and color distinguishes makes. The visualization uses D3 v7 to load data from a CSV file, render SVG elements with linear scales for all three variables, and includes interactive tooltips that display the make name on hover. A legend explains the bubble size scaling and color mapping for each make.

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…

Activity 6_task4

This interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across 31 car makes, with each bubble representing a make. The chart plots horsepower on the x-axis and torque on the y-axis, while bubble size encodes highway MPG and color distinguishes car brands. Built with D3 v7, the visualization includes an SVG-based tooltip that displays the make name on mouseover, along with a size legend for MPG values and color legend for brands. Data comes from a CSV file, and the tooltip responds to mouse events for interactive exploration.

Jjampani921@gmail.com
96% match
Loading thumbnail…

Activity6_task4

This bubble chart shows the relationship between average horsepower, torque, and highway MPG for various car makes, using bubble size to represent MPG and color to distinguish makes. Built with D3 v7, it renders as SVG with interactive tooltips on hover that display the car make. The chart uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color mapping, and includes legends for bubble size and make colors, with data loaded from a local CSV file.

Pp99vijaya@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 interactive bubble chart visualizes the relationship between average horsepower, torque, and highway MPG for 31 car makes. Each circle's position encodes horsepower and torque on the x and y axes, while its size and color represent highway MPG and car make, respectively. Built with D3.js v7, the SVG visualization includes hover tooltips, a bubble size legend, and a color-coded categorical legend for each manufacturer. Data is loaded from a local CSV file using `d3.csv`.

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

Activity6_Task4

This bubble chart visualizes the relationship between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s x and y position corresponds to horsepower and torque, while its radius encodes highway MPG, and color distinguishes the make. Hovering reveals the make label via a D3 tooltip. Built with d3.v7, it uses SVG rendering with scales for position, size, and ordinal color, and includes legends for size and color mapping. Data comes from the included `bubblechart.csv` file.

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

Activity6 task4

This bubble chart visualizes the relationship 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 scales with highway MPG, and its color distinguishes the make. The D3.js v7 example uses `d3.scaleLinear` for positioning and sizing, `d3.scaleOrdinal` with interpolated turbo colors for categorical encoding, and adds interactive tooltips on mouseover. A legend shows MPG values and a color key for all makes. Data comes from `bubblechart.csv`, rendered as SVG with hover animations.

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

Activity6_Task4

This interactive bubble chart visualizes the relationship 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 represents highway MPG and its color distinguishes automotive brands. Built with D3 v7 and SVG, the chart includes hover tooltips that display the make name, plus legends for both bubble size and color categories. The visualization loads data from a CSV file and uses d3.scaleLinear, d3.scaleOrdinal, and d3.interpolateTurbo for encoding.

HHema Tummapala
96% match