ATEM
How to integrate H2R Graphics into your Blackmagic ATEM to show graphics to your live audience.
Whether you've got an ATEM Mini, ATEM Mini Extreme ISO or an ATEM Constellation 8K (wow!), you can use H2R Graphics to generate lovely on-screen info your your audience.
We'll assume you are running H2R Graphics on a computer with a HDMI output and go from there.

Chroma method

1 - Connect

Start by connecting your laptop or computer running H2R Graphics to your ATEM switcher. Typically this is done by using a HDMI cable from the computer and attaching that to one of the inputs on the ATEM.
You'll want to enable "Extended Desktop" mode on this computer as you will not want to mirror your displays.

2 - Open windows

Open an output window within H2R Graphics, drag it onto the extended desktop display (you'll see the window appear on your ATEMs multiview. Then make that window fullscreen.
Main screen went black on macOS? Open System Preferences > Mission Control and make sure that Displays have Separate Spaces is checked.

3 - Setting the outputs background colour

For the chroma keying to work, we'll need to make sure that the background of the output window is green (or some solid colour).
By default the outputs background colour is set to green, and this can be found by opening the Launcher, going to Settings > Outputs and setting the colour.

4 - ATEM Upstream Key 1

Open up the ATEM Software Control, and navigate to the Palettes on the right.
Expand the Upstream Key 1 section and open the Chroma tab.
ATEM Software Control with the right things selected
Set the source
Set the Fill Source to which ever input your H2R Graphics laptop/PC is connected to.
Set the colour
Be sure to set the Chroma Sample colour to green by opening the Chroma Sample option and sampling an area.

5 - Switch it on

Our system is all set up, now just turn on Upstream Key 1 to see the graphics in action.
Upstream Key 1 activated

Luma method

1 & 2

Follow the steps above to get started!

3 - Setting the outputs background colour

For the luma keying to work, we'll need to make sure that the background of the output window is black.
By default the outputs background colour is set to green, but this can be changed by opening the Launcher, going to Settings > Outputs and setting the colour.
Setting the output colour in H2R Graphics

4 - ATEM Upstream Key 1

Open up the ATEM Software Control, and navigate to the Palettes on the right.
Expand the Upstream Key 1 section and open the Luma tab.
Upstream Key 1 - Luma tab
Set the source
Set both the Fill Source and Key Source to which ever input your H2R Graphics laptop/PC is connected to.
Uncheck Pre Multiplied Key
Be sure to uncheck Pre Multiplied Key at this point as you will have some strange effects later.

5 - Switch it on

Our system is all set up, now just turn on Upstream Key 1 to see the graphics in action.
Upstream Key 1 activate

6 - Refine the key

This is where you'll want to work a little bit of magic with the Pre Multiplied Key settings.
Setting the Clip to a low number will remove the darker parts of the image.
Playing with the Gain will determine how much of that dark image is removed.
Typical Pre Multiplied Key settings
Keep in mind, this will remove black from your graphics too. Try to avoid pure black in any graphics, images or themes.