ShurIQ Motion Reference50 techniques + 8 grammar demos2026-04-28

Motion Techniques
Cavalry Reference Gallery

Fifty reusable motion-graphics techniques rendered from Cavalry primitives, organized into sixteen aesthetic categories. Plus seven ShurIQ Visual Grammar primitives — and a live system demo combining all of them — reborn in chord-graph constellation style.

Length3–8 sec each

Composition1080×1080 @ 24fps

BridgeStallion · 127.0.0.1:8080

Sourcescenes/techniques/ · scenes/grammar/

Launchers./run-tech.sh · ./run-tech.sh grammar

← Phase 0 Brief Fiserv GTM Demos Techniques (32) Visual Grammar (7)

CATEGORY

Ambient

01ambient

particle-field

120 dots breathing in random rhythm. Atmospheric texture; every pulse independent.

./run-tech.sh particle-field

View source

27ambient

breathing-circle

Single ellipse oscillates scale + opacity in 4-second meditative breath cycle.

./run-tech.sh breathing-circle

View source

CATEGORY

Mathematical

02mathematical

wave-grid

16×16 grid scaling in 2D sine wave with phase-offset propagation.

./run-tech.sh wave-grid

View source

16mathematical

fibonacci-spiral

89 ellipses on phi-spiral coordinates, scale-pop sequentially outward.

./run-tech.sh fibonacci-spiral

View source

17mathematical

pendulum-wave

15 pendulums of incrementing length swing into phase-wave pattern.

./run-tech.sh pendulum-wave

View source

18mathematical

sine-cascade

Row of 30 vertical bars bobbing on phase-shifted sine waves.

./run-tech.sh sine-cascade

View source

13mathematical

spirograph

80 dots in dual-rotation: outer orbit + counter-rotating inner forms petal pattern.

./run-tech.sh spirograph

View source

CATEGORY

Radial

03radial

concentric-pulse

Hexagonal rings expanding from a center node, fading as they grow.

./run-tech.sh concentric-pulse

View source

14radial

sunburst-rays

24 thin tapered rectangles fanning from center, slow rotation with opacity wave.

./run-tech.sh sunburst-rays

View source

15radial

radar-sweep

Long thin rectangle rotating 360° with 8 trailing fade clones behind it.

./run-tech.sh radar-sweep

View source

live in cavalry · ./run-tech.sh iris-aperture

33radial

iris-aperture

8 polygon blades rotate closed-to-open like a camera shutter; cobalt circle revealed through center hole.

./run-tech.sh iris-aperture

View source

live in cavalry · ./run-tech.sh polar-bloom

34radial

polar-bloom

5 concentric rings of 5-point stars (8/12/16/20/24 each) rotate alternately, opacity wave per ring.

./run-tech.sh polar-bloom

View source

CATEGORY

Cosmic

04cosmic

orbital

Central body with 5 satellites at different radii and angular velocities.

./run-tech.sh orbital

View source

19cosmic

starfield-parallax

3 layers of stars drifting at different speeds; depth illusion via parallax.

./run-tech.sh starfield-parallax

View source

live in cavalry · ./run-tech.sh planet-orrery

35cosmic

planet-orrery

5 planets orbit a sun at Kepler-relative speeds. Each orbit ring rendered faintly; sun has glow halo.

./run-tech.sh planet-orrery

View source

live in cavalry · ./run-tech.sh comet-streak

36cosmic

comet-streak

Single ellipse arcs across frame on parabolic path leaving 18-clone fade-trail; faint stars in background.

./run-tech.sh comet-streak

View source

CATEGORY

Explosive

05explosive

burst

60 particles fly outward from central pulsing core in three sequential burst waves.

./run-tech.sh burst

View source

live in cavalry · ./run-tech.sh confetti-burst

20explosive

confetti-burst

60 small rectangles ejecting from point with randomized rotation and gravity arc, plus "ANNOUNCED!" trigger.

./run-tech.sh confetti-burst

View source

live in cavalry · ./run-tech.sh shockwave-ring

37explosive

shockwave-ring

Three staggered ellipse-stroke rings scale from 0 to viewport with opacity fade. Impact emphasis device.

./run-tech.sh shockwave-ring

View source

live in cavalry · ./run-tech.sh shatter-shards

38explosive

shatter-shards

30 triangle shards form a logo cluster, hold, then fly apart radially with tumble rotation and fade.

./run-tech.sh shatter-shards

View source

CATEGORY

Typographic

06typographic

type-kinetic

Phrase letter-by-letter; each character pops in via scale + opacity stagger.

./run-tech.sh type-kinetic

View source

23typographic

marquee-text

Stock-ticker-style scroll: symbol + delta values flow horizontally at constant speed.

./run-tech.sh marquee-text

View source

30typographic

stagger-letter-rise

Letters rise from below baseline with 2-frame stagger and scale-pop resolve.

./run-tech.sh stagger-letter-rise

View source

live in cavalry · ./run-tech.sh typewriter-cursor

39typographic

typewriter-cursor

Text reveals one character at a time, blinking cursor block tracks the leading edge — terminal aesthetic.

./run-tech.sh typewriter-cursor

View source

live in cavalry · ./run-tech.sh word-explode

40typographic

word-explode

Word's letters scatter outward at random angles with rotation, then snap back to baseline with overshoot.

./run-tech.sh word-explode

View source

CATEGORY

Infographic

07infographic

climbing-bars

Eight vertical bars rise sequentially with overshoot then settle.

./run-tech.sh climbing-bars

View source

24infographic

meter-needle

Gauge needle sweeps 0 → 270° with overshoot and settle; counter readout at climax.

./run-tech.sh meter-needle

View source

28infographic

pyramid-stack

5 trapezoid tiers (wide bottom → narrow top) rise sequentially as labelled funnel stages.

./run-tech.sh pyramid-stack

View source

live in cavalry · ./run-tech.sh funnel-flow

41infographic

funnel-flow

4 stacked stages (Awareness → Engagement → Qualification → Conversion) with 30 dots flowing through, narrowing per stage.

./run-tech.sh funnel-flow

View source

live in cavalry · ./run-tech.sh pie-wedge-sweep

42infographic

pie-wedge-sweep

7 polygon wedges of varying angular size reveal sequentially to construct a donut chart with center label.

./run-tech.sh pie-wedge-sweep

View source

CATEGORY

Data-Viz

08data-viz

network-form

14 nodes appear, then 22 edges form via nearest-neighbor. Graph emerges to relationships.

./run-tech.sh network-form

View source

25data-viz

bubble-chart-grow

30 ellipses scale-pop into 2D scatter positions sized by data value, axes drawn first.

./run-tech.sh bubble-chart-grow

View source

29data-viz

dot-matrix-fill

100-dot grid fills sequentially to represent statistic — NYT-style stat reveal.

./run-tech.sh dot-matrix-fill

View source

live in cavalry · ./run-tech.sh candlestick-march

43data-viz

candlestick-march

24 candlesticks step left-to-right with green/red color keys; finance reel aesthetic with wick + body per bar.

./run-tech.sh candlestick-march

View source

live in cavalry · ./run-tech.sh sparkline-draw

44data-viz

sparkline-draw

60 small bars incrementally appear forming a tiny trend line; "+47%" callout reveals at climax.

./run-tech.sh sparkline-draw

View source

CATEGORY

Grid

09grid reveal

heatmap-wave

12×12 colored grid revealing in diagonal wave (frame proportional to row+col).

./run-tech.sh heatmap-wave

View source

live in cavalry · ./run-tech.sh fragment-tile

11glitch

fragment-tile

10×10 tile grid forms, shatters with random vectors, then reassembles from new directions.

./run-tech.sh fragment-tile

View source

26grid

checker-flip

8×8 checkerboard squares scale-flip in diagonal cascade with alternating colors.

./run-tech.sh checker-flip

View source

live in cavalry · ./run-tech.sh pixel-rain

45grid

pixel-rain

Matrix-style: 30 columns of green rectangles drop down at varying speeds with leading bright cell + trailing fade.

./run-tech.sh pixel-rain

View source

CATEGORY

Counter

10counter

number-counter

Step-counter from 12 → 184,592 via 12 overlapping textShapes that fade between values.

./run-tech.sh number-counter

View source

CATEGORY

Cartographic

12cartographic

topo-contours

14 concentric many-sided polygons expanding at different rates with staggered fade.

./run-tech.sh topo-contours

View source

CATEGORY

Organic

14organic

liquid-ripple

3 tap points spawn 4 expanding ripple rings each, staggered in time.

./run-tech.sh liquid-ripple

View source

live in cavalry · ./run-tech.sh heart-rhythm

46organic

heart-rhythm

3 ECG heartbeats trace across baseline; red ellipse pulses on each spike. "72 BPM" readout right of waveform.

./run-tech.sh heart-rhythm

View source

CATEGORY

Directional

15directional

path-trace

Lead particle traces Lissajous figure-8; 14 trail dots follow at decreasing opacity.

./run-tech.sh path-trace

View source

31directional

arrow-cascade

Triangular polygon arrows fly across in echelon formation, fading as they exit frame.

./run-tech.sh arrow-cascade

View source

CATEGORY

Geometric

21geometric

nested-squares

12 concentric squares rotating at incrementing rates produce moiré interference.

./run-tech.sh nested-squares

View source

live in cavalry · ./run-tech.sh hex-honeycomb

47geometric

hex-honeycomb

63-cell hexagonal grid pulses outward from center cell with scale wave radiating distance-from-origin.

./run-tech.sh hex-honeycomb

View source

live in cavalry · ./run-tech.sh triangle-tessellation

48geometric

triangle-tessellation

216 triangles tile the canvas (alternating up/down orientation), flip in stagger to reveal alternating colors.

./run-tech.sh triangle-tessellation

View source

CATEGORY

Glitch

live in cavalry · ./run-tech.sh scanline-glitch

49glitch

scanline-glitch

VHS aesthetic: "SIGNAL LOST" headline with RGB-shift offset clones (red/green) jittering on x-axis at 5 glitch-burst frames; horizontal scanline bars flash randomly.

./run-tech.sh scanline-glitch

View source

CATEGORY

Cinematic

live in cavalry · ./run-tech.sh spotlight-iris

50cinematic

spotlight-iris

Four black mask rectangles initially squeeze into a small viewport letting only "REVEALED" + colorful BG dots show through; then snap-open to full frame for the big reveal.

./run-tech.sh spotlight-iris

View source

SHURIQ VISUAL GRAMMAR · CHORD-GRAPH CONSTELLATION STYLE

The Seven Primitives, in Motion

Every mark on a regulatory-grade ShurIQ report traces to one of seven primitives. Here they are reborn with the chord-graph aesthetic — dark canvas, seven-color musical-theory palette, three-tier glow, sqrt-scaled radii, opacity-weighted edges.

Source: hooktheory-graph-visualization-analysis · derived from Hooktheory Trends · 7 nodes encoding 5 dimensions simultaneously

iprimitive

entity-node

Nameable observed thing. Size = √degree · color = cluster · glow = identity. Three-tier rendering: outer blur, mid aura, solid core.

./run-tech.sh vg-entity-node

View source

iiprimitive

value-flow

Directed REA verb. Edge opacity 0.04–0.15 + particle stream where density encodes $ value. The narrow opacity band creates the constellation effect.

./run-tech.sh vg-value-flow

View source

iiiprimitive

event-marker

Dated occurrence. Vertical flagpole + ochre dot · strike-arrival pop · ripple outward · residual trail. Anchors temporal claims to evidence.

./run-tech.sh vg-event-marker

View source

ivprimitive

rubric-axis

Dimension scored [0,100]. Vertical track · animated needle tween · threshold band · peer-median dashed line. Anchors quantitative claims.

./run-tech.sh vg-rubric-axis

View source

vprimitive

gap

Structural hole — two clusters that should connect but don't. Dashed red edge · static-noise pulse · lightning-arc bridges · solid edge replaces gap.

./run-tech.sh vg-gap

View source

viprimitive

bridge

Proposed entity closing a gap. Accent-blue node materializes between clusters · dual-source pulse · wormhole connect · evidence bloom.

./run-tech.sh vg-bridge

View source

viiprimitive

consensus-score

Statement on subjectiveness spectrum [0,1]: personal → team → emerging → professional → legal. Whisker spread · dispersion cloud · agreement crystallization.

./run-tech.sh vg-consensus-score

View source

∞system demo

vg-system · The Whole Grammar

Twelve seconds. All seven primitives compose a single live ShurIQ panel: ten entity-nodes form two clusters · faint value-flow edges connect them · three event-markers anchor a timeline · a structural gap appears in red dashed pulse · a bridge materializes accent-blue and replaces the gap · a rubric-axis on the right scores 62 with anticipation curve · a consensus-score crystallizes at 0.62 below. Watch the whole regulatory grammar unfold in one composition.

./run-tech.sh vg-system

View source · 280+ keyframes