This comprehensive guide covers the full workflow for using Rive-designed graphics in FUSE — from importing Rive files, to binding data (both manual and via expressions), accessing the full LIGR data hierarchy (league, competition, match, stats, lineups), connecting external data sources (spreadsheets and APIs), and managing published graphics through the Control Room with preview functionality.
Prerequisites
Access to the FUSE graphics editor
A Rive (.riv) file with exposed inputs (text, images, numbers)
Understanding of FUSE expression syntax
Optional: An external data source (spreadsheet or API) for supplementary data
Step-by-Step Guide
Step 1: Import a Rive file into FUSE
Drag and drop your .riv file directly into the FUSE editor. FUSE automatically detects the Rive file's exposed inputs — text fields, image slots, colour inputs, and number values. These become the elements you can bind data to.
Step 2: Bind data manually or with expressions
For each exposed Rive input, you can either enter values manually (static text, fixed colours) or create FUSE expressions for dynamic data binding. Manual entry is useful for fixed labels, while expressions connect to live data.
Step 3: Access the LIGR data hierarchy
FUSE provides access to a rich data hierarchy. At the top level, you have league and competition data. Below that, match data includes teams, scores, and status. Deeper levels provide access to player statistics, lineups, and detailed match events.
Step 4: Connect external data sources
For data not available in the LIGR platform (tournament brackets, custom statistics, sponsor information), connect an external data source. FUSE supports spreadsheets and API endpoints. External data fields can be mixed with LIGR data expressions.
Step 5: Add control variables for operator customisation
Add control variables to give operators real-time control over graphic elements from the Control Room. Boolean variables create toggle switches, String variables allow text entry, and Player variables create roster dropdowns.
Step 6: Publish and manage in the Control Room
After configuring all data bindings and control variables, publish the graphic. In the Control Room, the graphic appears with all its control variables ready for operator use. Use the preview function to see exactly how the graphic will look.
Tips & Best Practices
Rive inputs must be explicitly exposed in the Rive editor for FUSE to see and bind them.
Mix and match LIGR data expressions with external data in the same graphic for maximum flexibility.
The LIGR data hierarchy follows: League → Competition → Match → Teams/Players/Stats/Events.
Use the Control Room preview to verify data binding before going live.
External data from spreadsheets updates dynamically — change the spreadsheet and the graphic reflects the new data without re-publishing.
Related Articles
Building a Tournament Bracket Graphic with External Data
Setting Up Player Images in FUSE
Adding a Control Variable in FUSE
Exporting & Importing Fuse Expressions