Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

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

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle's x-position represents horsepower, the y-position represents torque, and the circle's radius encodes highway MPG. Color distinguishes different makes, with a legend showing the MPG scale. The chart uses D3.js v7, employing `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color, and SVG rendering. Interactive tooltips display the car make on mouseover, updating position and visibility with D3 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

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

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 size to highway MPG, while color encodes the make. Built with D3 v7, the chart uses `d3.scaleLinear` for axes and bubble radius, `d3.scaleOrdinal` with `interpolateTurbo` for color, and SVG circles with mouseover tooltips for details. A legend encodes both the MPG size scale and the categorical color mapping.

Ccharishmakalyanapu@gmail.com
97% match
Loading thumbnail…

Activity6_Task4

A bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s x-position maps to horsepower, y-position to torque, and radius to fuel efficiency, while color distinguishes the manufacturer. The D3.js code uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` with `d3.interpolateTurbo` for categorical colors, and interactive tooltips via mouseover events. A legend encodes MPG values and car makes, with all elements rendered as SVG shapes.

GGunna,Praneeth Reddy
97% match
Loading thumbnail…

Activity6_Task4

A bubble chart visualizes the correlation between average torque, horsepower, and highway MPG for different car makes. Each circle's x-position corresponds to horsepower, y-position to torque, and radius scales with highway MPG, while color encodes the car brand. The visualization uses D3 v7 with an SVG rendering and includes interactive tooltips that display the car make on hover. A legend explains the bubble size scale for MPG values, and the color mapping uses a Turbo colormap.

MManojsai Bangaru
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 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
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. Each circle represents a make, with its horizontal position on the x-axis scaled by horsepower, its vertical position on the y-axis by torque, and its radius by highway MPG. Color encodes the specific make. The chart includes interactive tooltips displaying the make on hover, along with legends for both bubble size and color. The visualization is built using D3 v7 with SVG and animated transitions for tooltip opacity and position.

Ggketan456@gmail.com
97% 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 x-position represents horsepower, its y-position represents torque, and its size encodes highway MPG. The color of each circle distinguishes the car manufacturer. Built with the D3.js v7 framework, the visualization uses SVG rendering for the plot and animation for tooltips. It employs `d3.scaleLinear` for axes and bubble radius, `d3.scaleOrdinal` with `d3.interpolateTurbo` for color, and interactive tooltips on mouseover.

KKhushi Desai
97% match