Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tutorial 4

Public visualization

Viewing a saved revision (read-only)

27a1fd5f52c2478984d2b07ab18d9146

Tutorial 4

0 stars0🌍 Public
Jjtulasi05@gmail.com
Last edited Oct 22, 2024
Created on Oct 24, 2024
Forked from Hello VizHub

This animated bubble chart explores the relationship between horsepower, torque, and highway MPG across 31 car makes. Each circle is positioned by horsepower and torque on the axes, while its radius encodes highway MPG and its color distinguishes the brand using a color scale built with `d3.scaleOrdinal` and `d3.interpolateTurbo`. Interactive tooltips, enabled through mouseover and mousemove events, display the car make. The visualization, rendered in SVG with D3 v7, includes axis labels, a size legend for MPG values, and a color legend for makes.

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.