🌍 Public
Viewing a saved revision (read-only)
b1ba3d3b3b454695be9747cfdbb843a3
D3 Starter Updating bar chart + Interaction
This example demonstrates an interactive bar chart that visualizes movie metrics—revenue, budget, or popularity—for titles released between 2000 and 2009. Users click buttons to switch metrics, triggering animated updates to bar lengths and axes through D3’s general update pattern with transition delays. Hovering over a bar displays a tooltip with details like profit, ratings, and genre. The code uses d3.scaleBand, d3.scaleLinear, d3.axisTop, d3.axisLeft, and d3.transition, with SVG rendering and data parsed from a CSV file.
AI-generated descriptionA demonstration of how to start using D3 version 6.