Skip to main content
SimilarExport ZIP
100%

Activity6_Task4

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

This interactive bubble chart shows the correlation between average horsepower, torque, and highway MPG across different car makes. Each bubble’s position encodes horsepower (x-axis) and torque (y-axis), while its radius represents highway MPG, and its color represents the car brand. Hovering a bubble displays a tooltip with the make name. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble sizing, `d3.interpolateTurbo` for the color scale, and SVG circles with mouse event handlers for interactivity. Legend circles and labels clarify the MPG scale.

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

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower (x-axis), average torque (y-axis), and highway MPG (bubble size) across various car makes. Each circle represents a car brand, with its position determined by the horsepower and torque values, while the bubble radius encodes highway fuel efficiency. Hovering over a circle reveals a tooltip displaying the car make. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble sizing, and `d3.interpolateTurbo` to assign colors to different makes. The chart includes a legend for bubble sizes and color-coded car makes, rendered as an SVG with interactive tooltips.

SSowjanya Devupalli
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. The x-axis represents average horsepower, the y-axis shows average torque, while bubble size encodes highway MPG and color distinguishes each manufacturer. Built with D3 v7, the visualization uses SVG rendering with `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and `d3.interpolateTurbo` for the color palette. Interactive tooltips appear on hover, and a legend explains the bubble size scale for MPG values.

Vvamsikrishnakanchukommala@my.unt.edu
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes, with each bubble’s position on the x- and y-axes representing horsepower and torque, and its size mapping to MPG. The color of each bubble encodes the car make. Built with D3 v7, the visualization uses `d3.scaleLinear` for axes and bubble size, `d3.scaleOrdinal` for color, and `d3.csv` to load data. Interactive tooltips appear on mouseover, showing the make. Animated transitions and a legend for size and colors are included.

Rrakesh.kavuru@outlook.com
97% match
Loading thumbnail…

Activity6_Task4

This interactive bubble chart visualizes the correlation between average torque, horsepower, and highway MPG for various car makes. Each circle’s position encodes horsepower and torque, while its radius and color represent highway MPG and the vehicle brand, respectively. Hovering over a bubble reveals the car make via a tooltip. Built with D3.js v7, the visualization uses SVG, linear scales, and an ordinal color scale, with a legend displaying MPG values and brand colors. Data is loaded from a CSV file.

Kkrunalpatel@my.unt.edu
97% match