Welcome to BroadcastGraphics

BroadcastGraphics is a web-based system for creating, controlling and playing out dynamic HTML5 graphics with transparent backgrounds in real time. It is used for live broadcasts, streams and events where graphics need to be driven by live data and triggered on cue by an operator.

What you can do

• Design templates visually in the browser — text, images, shapes, animations, data-bound fields.
• Connect data sources — Excel, CSV, Google Sheets, custom plugins — and shape them into reusable datasets.
• Build productions from templates and datasets, then drive them from a live control panel.
• Render graphics in a transparent HTML5 output that can be captured by any broadcast tool (vMix, OBS, TriCaster, etc.).
• Control everything in real time — take a graphic on air, change the data on the fly, pause an animation, swap rows of a list.

How the pieces fit together

The system is split into six layers:

1. Admin / Studio — where you build templates, datasets and productions.
2. Control Runtime — the operator's view, where graphics are taken on and off air.
3. Graphics Runtime — the transparent HTML5 renderer that produces the on-air image.
4. Data Layer — data sources, mappings and datasets.
5. Orchestration — the command bus that ties controls to the renderer.
6. Persistence — the database and file storage behind it all.

You do not need to know all the layers to get started. Most users work with just templates, datasets and productions.

Who is this for?

• Broadcast operators and producers who need graphics driven by live data.
• Editors and designers who build templates and keep data fresh.
• Administrators who manage teams and access.

There is no public signup. Accounts are created by a superadmin or by your organization's admin.

Next steps

• Read Your role to see what you can do.
• Follow A quick tour: from project to on-air graphic to build something end to end.