Skip to main content
SimilarExport ZIP
100%

Activity6_Task4(Tutorial)

✓ Published0🌍 Public
Gguruabhay294@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s x-position maps to horsepower, its y-position to torque, and its radius to highway MPG, while its color encodes the car manufacturer. The visualization is built with D3.js v7, loading data from a local CSV via `d3.csv`. Interactive tooltips appear on hover, showing the make of each car. The chart also includes a legend for the bubble-size scale and a categorical color legend, all rendered as SVG with animated transitions.

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_Tutorial

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 size and color represent highway MPG and make, respectively. Hovering reveals a tooltip with the make name. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble size, d3.scaleOrdinal with d3.interpolateTurbo for coloring, and includes a size legend and interactive mouse events for tooltips.

Nnavyabade05@gmail.com
97% 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
Loading thumbnail…

Activity_6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position reflects horsepower and torque values, while its size corresponds to highway MPG, and color distinguishes the manufacturer. The D3.js (v7) visualization uses `d3.scaleLinear` for axes and bubble radius, with `d3.scaleOrdinal` for color mapping. Interactive tooltips appear on hover, and the chart includes legends for both bubble size and color categories. Data is loaded from a CSV file.

Aamireddy.sw@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's horizontal position maps to horsepower, its vertical position to torque, and its radius to highway MPG, while its color identifies the manufacturer. The chart uses D3.js v7 with SVG rendering and includes animated transitions for tooltip display. It features a legend for MPG scaling and color-coded make identification. The data originates from a CSV file containing aggregated performance metrics for 31 automotive brands.

Nnikhilthoutu24@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between torque, horsepower, and highway MPG for various car makes, using average values from a CSV dataset. Each circle is positioned by horsepower on the x-axis and torque on the y-axis, while its radius encodes highway MPG with a linear scale. The visualization uses D3.js v7 to render SVG elements and includes an interactive tooltip that displays the car make on mouseover. The legend communicates bubble size for MPG values, while a color scale provides a distinct hue for each manufacturer.

Ssaishruthik2361@gmail.com
96% match
Loading thumbnail…

Activity6-Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across multiple car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius scales with highway MPG and its color distinguishes the manufacturer. Built with D3 v7, the SVG visualization uses `scaleLinear` for axes and bubble size, `scaleOrdinal` with `interpolateTurbo` for color mapping, and `axisBottom`/`axisLeft` for labels. Interactive tooltips appear on mouseover via D3 event handlers, showing the car make. The legend displays MPG values as circle sizes and includes a color-coded list of all makes.

Ssowmyaammula.sdv@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each bubble’s position encodes torque (y-axis) and horsepower (x-axis), while its size reflects highway MPG and its color distinguishes the car maker. The visualization uses D3 v7 with SVG rendering, including interactive tooltips that display a car’s make on hover. It also provides a legend for bubble size and color, with data sourced from a CSV file. The chart employs `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, `d3.axisLeft`, and `d3.interpolateTurbo` for scales, colors, and axes.

Ssudheervnarasimha1@gmail.com
96% match
Loading thumbnail…

Activity6_Task4

This bubble chart shows the correlation between average horsepower, average torque, and highway MPG for different car makes. Each circle’s position maps horsepower (x-axis) and torque (y-axis), while its radius encodes highway MPG and its color distinguishes the car manufacturer. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color assignment, and `d3.interpolateTurbo` for the color palette. Interactive tooltips appear on mouseover via custom event handlers, and the chart includes a legend for bubble size and categorical colors.

Ssaiteja.cse.rymec@gmail.com
96% match