Skip to main content
SimilarExport ZIP
100%

Activity6Task4

✓ Published0🌍 Public
Ssatishvelaga02@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This visualization shows the correlation between average horsepower, torque, and highway MPG across 31 car makes using an interactive bubble chart. Each bubble is positioned by horsepower on the x-axis and torque on the y-axis, with size encoding highway MPG and color distinguishing car manufacturers. The chart uses D3 v7 to load CSV data, render SVG circles, and implement tooltips on mouseover. It includes axis labels, a size legend for MPG values, and a color legend for car makes, with animations provided through D3 transitions on tooltip opacity.

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 visualization displays the correlation between average horsepower, torque, and highway MPG across 31 car makes using a bubble chart. Each circle’s position represents horsepower on the x-axis and torque on the y-axis, while its radius encodes highway MPG and color distinguishes the manufacturer. The chart includes an interactive tooltip that reveals the car make on hover, implemented with D3 v7 event handlers. A legend shows both the MPG size scale and color-coded makes. Data is loaded from a local CSV file and rendered as SVG with a linear color scale using `d3.interpolateTurbo`.

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

Activity-8_Task-4

This visualization shows the correlation between average horsepower, torque, and highway MPG for various car makes, using a bubble chart where the x-axis represents horsepower, the y-axis represents torque, and bubble size encodes highway MPG, with color distinguishing each make. The chart is built with D3 v7, rendering as SVG with animated tooltips. It employs d3.scaleLinear for axis and bubble sizing, d3.scaleOrdinal for color mapping, and d3.csv to load data from a local CSV file. A legend displays bubble size values and color-coded car makes.

Hharipadmavathim2023@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 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 color distinguishes manufacturers. Hovering reveals the car make via a tooltip. The visualization uses d3.csv to load data, d3.scaleLinear for axes and sizing, d3.scaleOrdinal with interpolateTurbo for coloring, and SVG circles with mouse event handlers for interaction. A legend displays MPG values and make colors.

PPothuguntla Pranitha
97% match
Loading thumbnail…

Activity6_Task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle’s position encodes horsepower on the x-axis and torque on the y-axis, while its radius and color represent highway MPG and car brand, respectively. The visualization includes interactive tooltips on hover, a legend for MPG scaling, and a color-coded list of makes. The code uses d3.csv for data loading, d3.scaleLinear for axes and sizing, d3.scaleOrdinal for colors, and SVG with d3 transitions for tooltip animations.

Ssathvik0311@gmail.com
97% match
Loading thumbnail…

Activity 6 Task 4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position maps horsepower (x-axis) and torque (y-axis), while its radius and color encode highway MPG and car make respectively. The visualization uses d3.csv to load data, d3.scaleLinear for axes and bubble size, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping. Interactive tooltips appear on mouseover, showing the make of each vehicle. Legend circles indicate MPG values, with SVG rendering and CSS-based hover opacity transitions.

SSai Gottumukkala
97% match
Loading thumbnail…

Activity 6 Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s horizontal position encodes horsepower, vertical position encodes torque, and its size represents MPG, while color distinguishes manufacturer. The visualization uses D3 v7 with SVG rendering and includes interactive tooltips on hover. Data is loaded from a CSV file, and the chart employs `d3.scaleLinear` for axes, `d3.interpolateTurbo` for a color gradient, and `d3.axisBottom`/`d3.axisLeft` for tick marks, with a legend for bubble size and color.

Mmangilipallylaxminarayana@gmail.com
97% match