Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of D3 Selection Exploration

Public visualization

Viewing a saved revision (read-only)

2e3f3694a4d5485c98140b75d3826d50

Fork of D3 Selection Exploration

0 stars0🌍 Public
Ppedrogius
Last edited Jul 7, 2022
Created on Jul 7, 2022

This example demonstrates dynamic animated circles moving in a sine-wave pattern across the screen, with vertical lines extending from each circle's edge. It updates at 60 frames per second via a `setInterval` callback. The visualization uses D3 v6's `select`, `selectAll`, `range`, and `scaleLinear` (though the latter is only in commented code) to bind data and render SVG elements. The `join` method handles entering, updating, and exiting circles and lines, while `makeData` generates positional values based on time and index.

AI-generated description