Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Svelte + D3: Canvas & renderless components

Public visualization

Svelte + D3: Canvas & renderless components

2 stars4🌍 Public
MMatthias Stahl
Last edited Nov 26, 2025
Created on Feb 7, 2024

Ten thousand semi-transparent dots pulse in a two-second loop, their positions, sizes, and magma-scale colors assigned by random functions mapped through D3 scales. Svelte components manage the lifecycle: a canvas component coordinates drawing and invalidation, while individual circle components use `svelte/motion` tweens to animate between updates, rendering efficiently via Canvas API calls.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed