ShurIQ Report StudioMotion Graphics Phase 0Session 123 · 2026-04-28

Fiserv Motion Graphics
Cavalry × ShurIQ Visual Grammar

Eight motion-graphics demos for the Fiserv GTM brief. Each is a self-contained JavaScript scene-build script dispatched to Cavalry via the Stallion HTTP bridge. Built on the validated API surface; each renders to live primitives — ellipses, rectangles, polygons, text — with positions, rotations, scales, and opacities keyframed against the seven-primitive Visual Grammar.

Composition1080×1080 @ 24fps
Bridge127.0.0.1:8080 · Stallion
Sourceintegration/stallion-helpers/scenes/
Launcher./run-demo.sh <name>

Record all 8 demos in one take

Run ./record-all.sh from the stallion-helpers/ folder. It dispatches each demo in sequence with timed holds (~85 s total). Use macOS Cmd+Shift+5 → Record Selected Portion over the Cavalry viewport before the script starts. The result is one MP4 with all eight demos contiguous.
β
Pentagon BPS Revealverified
0–120 frames · 5s · 1080×1080
Five Brand Power Score dimensions (Awareness, Trust, Mission, Differentiation, Loyalty) arrive sequentially with staggered keyframes, forming a pentagon that settles to Fiserv's asymmetric 46/100 shape. Trust — the dragger — jitters perpetually after landing. Big "46" + "/100" + "DISTRESSED" red tag reveal at climax.
Pentagon BPS at climax Pentagon BPS early reveal Pentagon BPS late frame
./run-demo.sh beta
View source · beta-pentagon-bps.js

      
γ
Stack-Rank Raceverified
0–256 frames · 10.7s · 1080×1080
Six payments-cohort companies (Stripe, PayPal, Adyen, Block, Fiserv, FIS) animated across eight quarters Q1 2024 → Q4 2025. Bars animate width per quarter; rows shuffle by rank. Fiserv (cobalt highlight) declines 62 → 46 and falls to last place. Demonstrates rectangle generator.dimensions + per-row position keyframes.
Stack-rank Q1 2024 Stack-rank mid-shuffle
./run-demo.sh gamma
View source · gamma-stack-rank-race.js

      
θ
Probability Tickertested
0–96 frames loop · 4s · 1080×1080
Three rows pulsing with rank-drop probability. Fiserv 73% (critical, biggest pulse), FIS 65%, Block 42%. Pulse intensity is proportional to probability — the riskier the company, the more aggressive the visual heartbeat. Demonstrates scale-keyframed rhythmic motion.
scrub frames 0–96 in Cavalry · screenshot pending
./run-demo.sh theta
View source · theta-probability-ticker.js

      
δ
StoneCastle Sankeyverified
0–432 frames · 18s · 1080×1080
Capital flow architecture: 4 corporate-treasury sources → StoneCastle hub → 80 community-bank dots fanning out across the right side, color-coded by tier (cobalt 240, green 340, grey 210, warm 60). Bottom-of-frame captions narrate each beat; "$233B" reveals at the climax. The 80-dot fan visualizes "850+ banks" — the visual argument IS the story.
Sankey climax with $233B Sankey full ribbon spread Sankey early ribbons Sankey late frame
./run-demo.sh delta
View source · delta-stonecastle-sankey.js

      
ε
Negative-Space Constellationstaged
0–130 frames · 5.4s · 1920×1080
Cluster-by-cluster reveal of the Fiserv negative-space topology. Five clusters (Brand Power, Trust Deficit, Project Elevate, Prosperity·SC, Leadership Void) emerge with intra-cluster edges; four sparse inter-cluster bridges form last. Stand-in for the InfraNodus 70-node graph (modularity 0.66) at presentation scale.
scrub frames 0–130 in Cavalry · screenshot pending
./run-demo.sh epsilon
View source · epsilon-constellation.js

      
α
BMC Pathfinder Traversalstaged
0–134 frames · 5.6s · 1080×1920
Particle traces "Corporate Cash Sweep" through the 9-block BMC: Customer Segments → Channels → Value Propositions → Revenue Streams → Customer Relations. On-path blocks highlighted in cobalt, off-path in muted grey. "$2.4B / cycle" reveal at end. Static stand-in for Google-Sheets-driven layout (auth pending).
scrub frames 0–134 in Cavalry · screenshot pending
./run-demo.sh alpha
View source · alpha-bmc-traversal.js

      
ζ
CEO Transition Fragmentedstaged
0–192 frames · 8s · 1080×1080
Bisignano portrait silhouette assembled from a 12×16 oval-masked tile grid (~150 tiles). Phase 1: tiles fade in to form portrait. Phase 2 (frame 36): tiles fly outward in randomized directions — fragmentation. Phase 3 (frame 96): tiles reassemble inward from far points to a slightly shifted layout. Stand-in for the DEEO Studio Fragmented Image effect.
scrub frames 0–192 in Cavalry · screenshot pending
./run-demo.sh zeta
View source · zeta-ceo-fragmented.js

      
η
Per-Stakeholder Cardsstaged
0–208 frames · 8.7s · 1080×1920
Three sequential briefing cards — Josh, Limore, Nuri — each with name (large display), role, three action items with cobalt bullets, and ShurIQ sign-off. Cards fade in/out staggered. Static stand-in for Cavalry's Dynamic Rendering output (one MP4 per Google Sheet row).
scrub frames 0–208 in Cavalry · screenshot pending
./run-demo.sh eta
View source · eta-stakeholder-cards.js