🌍 Public
Viewing a saved revision (read-only)
fc70e9fd03ba4be892d3a888b3e5a154
Selection.join example w/ animation
This example shows a live comparison of a dataset, shifting between the words "text" and "test" via a dropdown. It demonstrates the D3 `selection.join` API for animating changes to a list of letters, with enter, update, and exit transitions. Each random set of letters is rendered as SVG text elements, positioned horizontally and animated vertically. The code uses `d3.select`, `d3.shuffle`, and `d3.interval` to generate data and transitions, while the `transition` method handles the 750ms movement of entering, updating, and exiting nodes.
AI-generated descriptionA demonstration of how to start using D3 version 6.