Guides, reference and troubleshooting for every part of BroadcastGraphics.
What BroadcastGraphics is, who it is for, and a quick tour of what you can build with it.
The four roles in BroadcastGraphics and what each can do.
Build a single lower third end to end — the fastest path through the system.
Select correct account type for best security
An organization is the tenant that owns users, projects and data. Users can belong to more than one.
How an admin adds editors and operators to the organization.
If you belong to more than one organization, pick the one you want to work in.
Projects group every piece of content that belongs to a single show, event or production line.
Step-by-step: make a new project inside an organization.
What the sections of a project look like and how to move between them.
Templates are the visual designs that get rendered on air. Everything else in a project feeds data into them.
Create a new template and pick its design area size.
Clone an existing template and use tags to keep a large library organized.
Overview
The main surface where templates are designed: design area, toolbar, sidebar, properties panel.
How to pick objects, move them precisely, and resize them without stretching.
The shortcuts that speed up template work.
The most common object type: single-line or multi-line text, optionally bound to a data field.
Basic geometric objects used for backgrounds, bars and decorative elements.
Logos, photos and artwork. Images can be static or driven by a dataset field.
Vector icons from the built-in icon set — scale freely without loss.
Turn a static text or image into a field that pulls its value from a dataset at render time.
See how your template looks with real data while you design.
Colors and visibility that react to field values. Planned but not yet available.
Snap multiple objects to a shared edge or to equal spacing.
Visual guides that keep placements tidy and inside the viewable part of the screen.
Navigating large design areas: zoom in for pixel work, pan to reach corners.
How templates move on screen: in, loop and out sequences driven by the operator.
Place keyframes, pick an easing curve, and preview the result without leaving the editor.
Mark a point in a sequence where the animation should wait until the operator hits Continue.
A schema is the shape your templates and datasets agree on. Define it once, bind many templates.
How to add a schema and its fields to a project.
Where raw data enters the system: Excel, CSV, manual grids or a plugin.
Upload a spreadsheet, pick a header row and preview the columns before committing.
Type values directly when there is no file to import.
Plugins pull live data from external systems into the pipeline automatically.
A mapping says "this column in the data source fills that field in the schema".
Step-by-step: pick a source, pick a schema, wire up the fields, preview the result.
Verify a mapping before you commit to it, and keep datasets in sync when the source changes.
The resolved, ready-to-render data that a production supplies to its templates.
Steps to create either a manual or a mapped dataset.
Trim and reshape a mapped dataset without touching the source or the mapping.
A quick decision guide.
Share a dataset with a specific user so they can edit its data without touching the template.
A production ties templates, datasets and an output together for a live show.
Step-by-step: new production → pick output → add layers.
A layer is one template + one dataset in the production. Layers stack in z-order.
The operator view during a live show: layers, Take/Out, rows, quick data edit.
The four commands that drive every graphic on and off air.
Pick which row of a list dataset the layer will show next.
Change a value on air without leaving the control panel.
Clear every live layer in a single action — for when the show ends or an emergency hits.
An ordered list of production items with durations and start times — a script for the show.
An output is the public URL that a broadcast tool captures as a browser source.
Steps to add an output and generate its public URL.
Browser-source settings for the common tools (vMix, OBS, TriCaster, Wirecast).
What produces the on-air image: an HTML5 canvas running per-output with transparent background.
Inside the app, see exactly what the broadcast tool sees — on a checkered background for transparency.
Integrations that pull data from external systems into the BroadcastGraphics data pipeline.
How an admin connects an external account so editors can use the plugin.
Swedish weather forecasts (temperature, precipitation, wind) for any location.
Read any Google Sheet as a data source, refreshed on a schedule.
A desktop app that runs graphics without internet — for remote venues and flaky networks.
Step-by-step: authenticate, pick productions, download.
What is different from the cloud experience when the app runs locally.
Uploads of logos, photos and other images that templates and datasets reference.
Conventions that make large asset libraries findable and swappable.
Which fonts your templates can use and how to add new ones.
First things to check when Take does nothing visible at the broadcast end.
Find out whether the bug is in the template, the mapping or the data source.
WebSocket drops, control-panel turns red, the output freezes. What to do in the moment and after.