Inspect a signal with a following crosshair and tooltip, zoom and pan through the day, then play a ranked bar chart whose rows and values animate together.
API latency over one day. Move over the line, scroll to zoom, or drag to pan.
Motion.follow eases the crosshair and tooltip. Motion.animateOn interpolates the SVG viewBox; pointer coordinates use the viewBox currently on screen.
Regional requests per minute. Change the snapshot, or play the four-part cycle.
Each row owns a timeline. Position and bar length overlap with a short rank-based stagger, and new snapshots retarget the same elements.
Interaction ideas inspired by the LiveCharts gallery. These charts use Ranvier views and anime.js. Data is synthetic.