Skip to main content
SimilarExport ZIP
100%

Activity_6_Task 4

✓ Published0🌍 Public
Mmudunurirahulvarma98@gmail.com
Last edited Apr 5, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

This bubble chart displays the correlation between horsepower, torque, and highway MPG for various car makes, using circle size to represent MPG and color to distinguish manufacturers. The visualization includes a tooltip on hover and a legend for both the size scale and color groups. Built with D3 v7, the chart uses `d3.scaleLinear` for axes and bubble sizing, `d3.scaleOrdinal` for color mapping, and SVG rendering with animated transitions for tooltips.

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 31 car makes, with each bubble’s size encoding highway MPG and its color representing the manufacturer. Built with D3 v7, the SVG visualization uses `d3.scaleLinear` for axes and bubble sizing, and `d3.scaleOrdinal` for color mapping. Hovering over a bubble triggers a custom tooltip via `mouseover`, `mousemove`, and `mouseleave` events, while a legend shows MPG values and make colors.

UUday Vandanapu
95% match
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
95% match
Loading thumbnail…

Activity 6_Task 4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 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 car brand. The visualization uses D3 v7 with SVG rendering and includes interactive tooltips that display the car make on hover. A legend shows the bubble-size scale for MPG values and color-coded dots for each manufacturer. The chart reads from a CSV dataset and employs the `d3.scaleOrdinal` and `d3.scaleLinear` APIs for color and size encoding.

SSrihith Reddy Gaddam
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…

Activity_6_Task4

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes, with bubble size encoding MPG and color distinguishing each brand. The visualization uses D3 v7 to render SVG circles positioned by linear scales for the x- and y-axes, while a tooltip displays the car make on hover through mouse events. Data is loaded from a CSV file, and legends for both bubble size and categorical color are included.

Ssahaspragna6@gmail.com
95% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes. Bubble size encodes highway MPG, while color distinguishes car brand. The visualization uses D3 v7 to render SVG circles, with a tooltip displaying the make on hover. It incorporates a legend for bubble size and color, using scales like `d3.scaleLinear` and `d3.scaleOrdinal`, and reads data from a CSV file.

KKondreddy Saikiran reddy
95% match
Loading thumbnail…

Activity6_Task4

This bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across various car makes. Each bubble’s position reflects its horsepower and torque values, while its size encodes highway MPG and its color distinguishes the manufacturer. Built with d3.v7, the visualization uses a linear scale for bubble radius and an ordinal color scale based on the make. Interactive tooltips appear on hover, displaying the make name. The chart includes axes, labels, and a legend indicating the MPG scale. Animated transitions in tooltip opacity are implemented via d3’s transition API.

Mmythripopuri2001@gmail.com
95% 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 position encodes horsepower (x-axis) and torque (y-axis), while its size and color represent highway MPG and manufacturer. The visualization uses d3.csv to load data, d3.scaleLinear for axes and sizing, d3.scaleOrdinal with d3.interpolateTurbo for color mapping, and SVG circles with interactive tooltips on mouseover. A legend explains the MPG size scale, and all marks are rendered via d3.v7.

GGangumalla Ruchitha Reddy
95% match