Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Modules D3 Selection Explorations

Public visualization

Viewing a saved revision (read-only)

8ac0eab064c04bbbbebf0d6afbe4f5d3

Modules D3 Selection Explorations

0 stars0🌍 Public
EEdgar Cortez
Last edited Feb 14, 2023
Created on Feb 14, 2023

This example demonstrates a dynamic collection of circles that undulate across the screen, with each circle’s position and radius varying sinusoidally over time. The animation runs at 60 frames per second using a `setInterval` callback. It leverages D3’s `select` and `range` modules to build and update the SVG scene, while a custom `vizData` function uses D3’s selection `.join()` API to create or update circles based on newly generated data. The data itself is produced by `makeData`, which computes x, y, and r values from time and index parameters.

AI-generated description