Activity-6_Question-4
✓ Published0🌍 Public
This animated scatterplot uses D3.js (v7) to show the correlation between price, weight, and city MPG across 43 car makes. Each circle’s x-axis position maps to price, y-axis to weight, and radius encodes fuel efficiency values read from `bubblechart.csv`. D3’s `scaleLinear`, `scaleOrdinal`, and `d3.interpolateTurbo` assign color per make, while mouse events trigger a styled tooltip with make-specific details. A legend with outlined bubbles and dashed lines clarifies MPG size encoding using SVG rendering.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.
MIT Licensed