Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Tutorial 4

Public visualization

Tutorial 4

0 stars0🌍 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.

Comments

Sign in to join the discussion.

MIT Licensed