Timed Moving Bubbles
Timed Moving Bubbles visualizes the progression of 96 individuals through relationship stages—met, romantic, lived together, and married—using animated circles. Each bubble represents a person, colored and clustered by current stage, with counts displayed above. A recurring timer decrements each person’s stage duration, moving bubbles between groups when time expires, using `d3.forceSimulation` with custom cluster and collision forces. SVG circles transition radii via `transition.attrTween`, while stage data loads from a TSV file, rendering the timeline in a React-driven HTML page.