Frontmatter
| id | 8963 |
| title | Feat: Smooth Data Transitions for Sparklines |
| state | Closed |
| labels | enhancementai |
| assignees | tobiu |
| createdAt | Feb 3, 2026, 2:01 PM |
| updatedAt | Feb 3, 2026, 2:29 PM |
| githubUrl | https://github.com/neomjs/neo/issues/8963 |
| author | tobiu |
| commentsCount | 1 |
| parentIssue | 8930 |
| subIssues | [] |
| subIssuesCompleted | 0 |
| subIssuesTotal | 0 |
| blockedBy | [] |
| blocking | [] |
| closedAt | Feb 3, 2026, 2:29 PM |
Feat: Smooth Data Transitions for Sparklines
tobiu added parent issue #8930 on Feb 3, 2026, 2:01 PM

tobiu
Feb 3, 2026, 2:29 PM
Input from Gemini 3 Pro:
✦ I have implemented smooth data transition animations for
Neo.canvas.Sparkline.Changes:
src/component/Sparkline.mjs: AddeduseTransition_config (default:true). This allows developers to toggle the animation on/off.src/canvas/Sparkline.mjs:
- Updated
renderLoopto handle value interpolation using a Cubic Ease-Out curve.- Updated
updateDatato initialize the transition ifuseTransitionis enabled.- Ensured instantaneous updates for initial loads or when
useTransitionis false.Outcome: When the
valuesarray of a Sparkline component updates, the chart points now glide smoothly to their new positions over 300ms, instead of snapping instantly. This creates a more polished, "living" data visualization experience.
tobiu assigned to @tobiu on Feb 3, 2026, 2:29 PM
tobiu closed this issue on Feb 3, 2026, 2:29 PM
Currently, when the data array for a Sparkline changes, the chart snaps instantly to the new shape.
Task: Implement a smooth transition animation (approx. 200ms - 300ms) when the
valuesarray is updated. The chart points should interpolate from their old positions to the new ones.Details:
src/canvas/Sparkline.mjs).