🌍 Public
Viewing a saved revision (read-only)
b02137f4f95f4b2f9dec7e1bd73cd54c
Making a Bar Chart
This example uses the D3.js v5 join pattern to animate a collection of fruit as circles. An initial bowl of five apples shrinks as they are eaten, and one apple transitions into a yellow lemon, demonstrating data joins with `selection.enter`, `selection.merge`, and `selection.exit`. The circles use a `scaleOrdinal` for color and radius, and each transition applies a 1-second duration to position, size, and removal. The bar chart title references the United Nations population data, but the code itself focuses on the fruit-bowl animation.
AI-generated descriptionA program that shows the top 10 most populous countries as a pathetic bar chart with no axes.