Aisera: Interactive Hero Infographic in Rive by Ilya G.Aisera: Interactive Hero Infographic in Rive by Ilya G.
Built with Rive

Aisera: Interactive Hero Infographic in Rive

Ilya G.

Ilya G.

Aisera — interactive hero infographic in Rive
Aisera — interactive hero infographic in Rive

The Project

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.

The Challenge

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.

What I Built

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

Technical Highlights

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

The Result

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

Posted Dec 1, 2025

Interactive animated diagram for Aisera, an AI platform. 20+ iterations refining click/hover interaction. Built entirely in Rive with no external code; functions like a lightweight interactive application with state-machine-driven node expansion and detail reveal.