Skip to main content
SimilarExport ZIP
100%

Activity 6 Task 4

✓ Published0🌍 Public
Kkesava
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Hello VizHub

A bubble chart with a legend shows the correlation between average horsepower, torque, and highway MPG for various car makes. Data points are plotted with x/y axes for horsepower and torque, while bubble size and color encode MPG and car manufacturer. Tooltips reveal car make on hover. The visualization is built with D3.js, using `d3.scaleLinear` for axes and bubble sizing, and `d3.interpolateTurbo` for the color 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 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
95% 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
95% match
Loading thumbnail…

Activity6_task4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each bubble’s position maps to horsepower (x-axis) and torque (y-axis), while its radius and color encode highway MPG and make, respectively. The visualization uses D3.js v7 to render SVG circles, with a tooltip on hover and a legend for MPG scaling and make colors. Data comes from bubblechart.csv, processed through d3.csv and d3.scaleOrdinal. The chart includes silver axes via d3-axisLinear and uses d3.interpolateTurbo for color mapping.

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

Activity6-task4

This bubble chart visualizes the correlation between average horsepower (x-axis), torque (y-axis), and highway MPG (bubble size and color) for various car makes. The chart uses a linear scale for both axes, with bubble size representing highway MPG and color encoding the car manufacturer. Built with D3.js v7, it renders as an SVG with animated transitions. The visualization includes interactive tooltips that display the car make on hover, along with legends for both bubble size and color categories. The data is loaded from a local CSV file.

Ssushanthkodipyaka@gmail.com
95% 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
95% match
Loading thumbnail…

Activity6_Task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG across different car makes. It uses d3.scaleLinear for the x and y axes, with bubble size mapped to highway MPG and color mapped to car make via d3.interpolateTurbo and d3.scaleOrdinal. The visualization includes a tooltip that reveals the make on hover, and a legend displaying MPG values and color categories. Data is loaded from a CSV with d3.csv and rendered as SVG circles with animation on mouseover.

Vvemurisuchitha@gmail.com
95% 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
95% match
Loading thumbnail…

Activity6_Task4

This bubble chart displays the correlation between average horsepower, torque, and highway MPG for various car makes. The visualization uses D3.js v7 with SVG and animation, rendering circles whose x-position, y-position, and radius map to horsepower, torque, and MPG respectively. A color scale distinguishes makes, while the legend shows MPG values. Mouseover tooltips (custom HTML) reveal specific make names. The dataset comes from `bubblechart.csv`, and the code applies `d3.scaleLinear` for axes and bubble sizing, `d3.interpolateTurbo` for coloring, and `d3.scaleOrdinal` for legend colors.

Ggalijawaharnath@gmail.com
95% match