H2R Graphics

🆕 New in Version 3.3

OGraf web graphics, Media relink, test pattern tone and more...

See what's new →

New in v3.3: OGraf web graphics, Media relink and more

Import EBU OGraf graphics, reconnect missing media, and link rectangles to text in the Build editor.

By John Barker • 9 June 2026

New: OGraf web graphics

H2R Graphics now supports EBU OGraf, an open standard for web-based broadcast graphics. Import an OGraf graphic, made up of a manifest and a web component, and run it right inside your show as a new graphic type.

An imported OGraf graphic
An imported OGraf graphic with its data fields

Add an OGraf graphic, click Add OGraf graphic folder, and choose the graphic’s folder. Its name, description, and data fields are read straight from the manifest, and you can drive those fields with variables and data sources just like the built-in graphics. OGraf graphics handle their own animations, so they come on and off air exactly as designed.

Adding an OGraf graphic
Add an OGraf graphic to your project
The Add OGraf graphic folder button
Click Add OGraf graphic folder and choose the graphic’s folder

New to OGraf? You can explore tutorials and learn how OGraf templates are built at ograf.dev/tutorials.

Want to build your own custom OGraf graphics without hand-coding a manifest and web component? We’ve released a free, open-source Claude skill that turns a plain English description into a validated OGraf graphic, ready to import. Read Build custom OGraf graphics with AI to see how it works.

Learn more about OGraf on our documentation.

Moved, renamed, or deleted a file after adding it to a project? H2R Graphics now flags any missing assets in the Media tab with a clear File missing warning, so you can spot them at a glance.

A missing media file flagged in the Media tab
A missing media file, flagged for relinking

Click Relink, choose the replacement file, and the asset reconnects. Any graphics using it refresh automatically in both the preview and your outputs, with no need to restart the app or re-add the graphic. It’s the quickest way to recover a project after moving it to a new computer.

Learn more about the Media tab on our documentation.

In the Build graphic, a rectangle can now resize to fit a text item. Open the Link size to text section on a rectangle, then pick which text item its width and/or height should follow. Add a little padding and you’ve got a background bar or pill that always wraps its label, however long the text gets.

Linking a rectangle's size to a text item
Linking a rectangle’s width and height to a text item

Width and height link independently, so you can follow one text item for width and another for height, or just link a single dimension.

Learn more about the Build graphic on our documentation.

New: Test pattern tone

The Test Pattern graphic can now play a reference audio tone alongside its visual pattern, perfect for checking your audio path end to end. Choose between a steady Tone, a repeating Ring, or a looping Sweep, and set the level with the Tone volume slider.

Learn more about the Test Pattern graphic on our documentation.

Change: Underline formatting

Underline formatting in text now uses __double underscores__ instead of single. This avoids clashes with single underscores in everyday text, like data pulled from a spreadsheet column named employee_last_name.

Here’s what we fixed

  • ⚒️ Google Sheets: Tab selection works again (via gid).
  • ⚒️ Fonts: System fonts are now available in the font picker, in themes and Build items.
  • ⚒️ Fonts: Support for more ‘.otf’ fonts, including filenames with spaces and special characters.
  • ⚒️ Theme preview now renders with the selected font.
  • ⚒️ Google Sheets: Cell values with underscores (e.g. employee_last_name) no longer have their underscores stripped.
  • ⚒️ Google Sheets: Removing a sheet now also clears any [sheet.rowX.cellY] references that pointed to it.
  • ⚒️ Custom HTML: [sheet.row0.cell1] and cue variable references now resolve correctly.
  • ⚒️ NDI: The checkbox is now disabled with a clearer tooltip on Intel macOS (NDI requires Apple Silicon or Windows).

Simplify your graphics workflow

Start using graphics on your live stream or video productions.

Download for free