Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Holy Moly:Beautiful Viz

Public visualization

Holy Moly:Beautiful Viz

0 stars0🌍 Public
NNita
Last edited Jan 30, 2024
Created on Jan 30, 2024

This visualization displays 50 natural cubic splines that form a dynamic, morphing line field. Every two seconds, the dataset is regenerated as random walks, and the paths smoothly transition to their new positions using Svelte's `tweened` motion with `interpolatePath`, `cubicOut` easing, and a one-second duration. Each SVG path is rendered with a semi-transparent random RGB stroke, layered over a responsive full-viewport canvas. The code leverages d3's `line`, `curveNatural`, `scaleLinear`, and `extent` functions to compute and scale the coordinate systems.

AI-generated description

Random lines with inbuilt responsiveness.

Comments

Sign in to join the discussion.

MIT Licensed