[line-animated-progressive] Animated Line Plot Over Time

[MarkusNeusinger]

Animated line plot that builds progressively over time. The line draws itself from left to right, revealing data points sequentially. Useful for presentations and storytelling with time series data.

[claude]

✅ Spec ID: line-animated-progressive

Rationale: Combines "line" plot type with "animated" variant and "progressive" modifier to describe the key feature of a line that draws itself sequentially over time.

This is distinct from line-realtime (continuous data streaming with sliding window) and scatter-animated-controls (scatter plot animation with play controls). The progressive drawing animation is useful for presentations and data storytelling.

Add label approved to begin generation.

[github-actions]

✅ Specification Ready: line-animated-progressive

PR: #3240

---

specification.md

line-animated-progressive: Animated Line Plot Over Time

Description

An animated line plot that builds progressively over time, with the line drawing itself from left to right and revealing data points sequentially. This visualization technique transforms a standard time series into a dynamic storytelling element, ideal for presentations where the narrative unfolds as the line extends across the chart. The progressive reveal creates anticipation and helps audiences follow temporal patterns as they develop.

Applications

• Presenting quarterly revenue growth in executive presentations, with the line building to show how performance evolved
• Telling the story of a scientific discovery or experiment by progressively revealing how measurements changed over time
• Creating engaging educational content that walks students through historical data trends, such as temperature records or population changes

Data

• time (datetime or numeric) - The temporal dimension on the x-axis, driving the sequential reveal
• value (numeric) - The measurement or metric being visualized on the y-axis
• series (categorical, optional) - Multiple line series for comparing parallel trends
• Size: 20-200 data points recommended; enough for smooth animation but not overwhelming
• Example: Monthly stock prices over 5 years, daily temperature readings, or weekly sales figures

Notes

• Animation should be smooth with configurable speed or duration
• Consider adding a trailing highlight or glow effect on the most recent point being drawn
• The current x-axis position or timestamp should be clearly indicated during playback
• For static output, show the complete line with a visual indicator (gradient or markers) suggesting the direction of progression
• Libraries without animation support should implement a small multiples version showing key stages of the line's progression
• Play/pause controls and speed adjustment enhance the presentation experience

---

Next: Add approved label to merge this specification to main.

---

🤖 spec-create workflow