Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Svelte + D3: Reveal area chart

Public visualization

Fork of Svelte + D3: Reveal area chart

0 stars0🌍 Public
Rrichard.adamson@hotmail.com
Last edited Feb 20, 2024
Created on Feb 20, 2024

This example shows a responsive area chart with a smooth, curved line representing a single series of data points. A solid pink area fills the space beneath the line, while a dark gray rectangle animates across the chart from left to right, acting as a reveal effect. The visualization uses Svelte's reactive declarations combined with D3's `scaleLinear`, `line`, and `area` generators with a Catmull-Rom curve. The chart resizes dynamically based on the container's dimensions, with all rendering performed using SVG paths.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed