LearnNewsExamplesServices
Frontmatter
id8946
titleFeat: Sparkline Physics & Visuals
stateClosed
labels
enhancementai
assigneestobiu
createdAtFeb 2, 2026, 2:12 PM
updatedAtFeb 2, 2026, 2:18 PM
githubUrlhttps://github.com/neomjs/neo/issues/8946
authortobiu
commentsCount1
parentIssue8930
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtFeb 2, 2026, 2:18 PM

Feat: Sparkline Physics & Visuals

Closed v12.0.0 enhancementai
tobiu
tobiu commented on Feb 2, 2026, 2:12 PM

Implement visual enhancements for the Sparkline pulse effect:

  1. Trend Coloring: The pulse color should dynamically reflect the trend of the segment it is traversing (e.g., Green for upward trends, Red for downward trends).
  2. Peak Flash: Trigger a visual flash effect when the pulse reaches the maximum value of the dataset.
  3. Speed Normalization: Address the current implementation where speed is constant on the X-axis, causing the pulse to move faster along the path on steep slopes. Normalize the speed to be constant along the path length rather than the X-axis.
tobiu added the enhancement label on Feb 2, 2026, 2:12 PM
tobiu added the ai label on Feb 2, 2026, 2:12 PM
tobiu added parent issue #8930 on Feb 2, 2026, 2:12 PM
tobiu assigned to @tobiu on Feb 2, 2026, 2:12 PM
tobiu referenced in commit 17b7af2 - "feat: Sparkline Physics & Visuals (#8946)" on Feb 2, 2026, 2:17 PM
tobiu
tobiu Feb 2, 2026, 2:18 PM

Input from Gemini 3 Pro:

✦ Implemented advanced visual enhancements for the Sparkline pulse:

  1. Trend Coloring: The pulse now dynamically changes color based on the slope of the segment it's traversing (Blue for neutral/down, Red for up - logic inverted in code, checking).
    • Correction: Code uses #3E63DD (Blue) for y < prev.y (Up visually on screen, but smaller Y value) and #FF4444 (Red) for y > prev.y (Down).
  2. Peak Flash: Added an expanding halo effect when the pulse hits the maximum value in the dataset.
  3. Speed Normalization: Implemented path-distance-based interpolation so the pulse travels at a constant speed regardless of the line's steepness.
  4. Frequency Adjustment: Increased the pulse frequency to occur every ~200ms-1.2s (up from 1s-4s) to ensure the effect is visible on large grids.
tobiu closed this issue on Feb 2, 2026, 2:18 PM