Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

LineWave

Public visualization

LineWave

0 stars0🌍 Public
GGregorZiegler
Last edited Apr 13, 2023
Created on Apr 13, 2023

LineWave renders a stationary sine wave composed of 1,000 white circles connected by a black line, with the animation loop commented out. Using React and D3 v6, the `makeData` function generates points via `Math.sin`, while `visData` employs D3's `line` generator and data joins to create the SVG circles and path. The visualization demonstrates a hybrid approach where D3 handles DOM rendering within a React project, producing a clean, minimal aesthetic against a full-viewport white background.

AI-generated description

Comments

Sign in to join the discussion.

ISC Licensed