Skip to main content
100%

Tutorial 4

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

This tutorial demonstrates a bubble chart that visualizes the correlation between average horsepower, torque, and highway MPG across different car manufacturers. Each bubble’s position encodes horsepower and torque on the x- and y-axes, while its size reflects highway MPG and its color represents the car make. The visualization includes interactive tooltips on mouseover, a legend for bubble size, and color-coded categories. Built with D3 v7, it uses `d3.csv` to load data, `d3.scaleLinear` for axes and sizing, `d3.scaleOrdinal` for colors, and SVG rendering with animated tooltip transitions.

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