Aisera: Interactive Hero Infographic in Rive

Interactive animated diagram for Aisera, an AI platform, produced through No Diamonds Web Services. The brief was for technical diagrams that users could explore through click and hover interactions — nodes that expand to reveal detail, state-based visibility that shows or hides information contextually. Live in the platform page hero.

Interactive diagram design is not "make things move." It's information architecture you can navigate with your cursor. Every change to the IA — adding a node, splitting a path, restructuring relationships — meant the interaction patterns and animation timing had to follow. The project went through 20+ iterations from v3 through v5.4 to dial in.

A Rive animation that functions more like a lightweight interactive application than a traditional animation:

State-based node expansion system — click a node, it expands to show connected details

Multi-state visibility management — hovering over a relationship line highlights related elements

Click and hover triggers wired through Rive listeners for every pointer event

No external code — the entire state management lives in Rive's own state machines and ViewModel architecture, so the website team could embed the .riv directly without writing a single line of JS to drive it

20+ production iterations refining IA + interaction model + animation timing

ViewModel properties tracking which nodes are expanded, focused, or have detail panels visible

State machines handling visibility coordination across many simultaneous node interactions

Rendered performance held at the live deployment scale despite many simultaneous state transitions

Live on Aisera's platform page hero. 5.0/5.0 client rating on completion.