Skip to main content
All CollectionsViz FlowicsData Providers
Working with a Mechanic Provider
Working with a Mechanic Provider
Updated over 2 weeks ago

Connect this Data Provider to the following mechanics to display their results On-air during a live streaming or TV broadcast:

In the case you are looking for a predefined graphic then we recommend, according to the use case, using the Poll, Scoring, or Story Widgets in any of their available layouts.


Before setting up a Mechanic Provider

Make sure you complete these steps:

1. Create a Mechanic.

3. Create a Widget Web (story, poll, or scoring) where your audience will submit their participation.

To learn how to add elements to the Tree, click here‍.

Remember, an Overlay will be created automatically if you didn't add it to Tree after adding the Provider.


Working with a Mechanic Data Provider

This is an example using a Votes interaction into the Story Mechanic from the Remote Control:

1. Connect an existing Mechanic

(1) Add an Overlay and place the Mechanic Provider below it.

(2) Connect the Mechanic to link its data to each graphic element.

2. Question

(1) Add a Text Element as a child of the provider. . Connect it to the Question, so whenever you set a question On-air from the Remote Control, it updates automatically—no manual changes needed.

3. Data Binding

Add a Dynamic Content List ‍as a child of the Mechanic Provider and connect it to the Options Data.

4. Layout

Add Building Blocks as children of the List Item to structure your graphics. You can arrange them in any order and position them anywhere on the canvas. Elements can be added or removed as needed—while we cover the basics, you decide what to display and how.

Text

(1) Both Value and Label are Text elements.

(2) The Label is Connected to the option name.

(3) The Value is connected to the percentage, but you can also link it to the count to display the total number of votes instead

Image

(1) The image element was added to the Tree to display the Broadcast image from your Mechanic.

(2) This Building Block is linked to the image source of the Mechanic.

Bar

(1) The Bar is a Progress Bar Building Block.

(2) It is connected to the percentage of each option, visually representing the poll results.

Container

Strip

A Container is used to set the Title background.

Background

A Container is used to set the general background.

Percentage Precision

You can choose how many decimal places to display in your poll results. For percentage values, rounding ensures the total sum remains 100%.

(1) Click on Mechanic Provider.

(2) Choose the number of decimals you wish to display.

5. Remote Control / Live operation

During live operation, click the gearwheel icon on the Overlay (1) to access content controls. If a Mechanic Provider is present, you will have the following options:

  • Change the active Mechanic (2).

  • Edit the Mechanic, including Opening or closing interactions for web-embedded widgets (4), edit the interaction details (3),add new interactions and select which interaction goes On-Air (5) for multiple interactions mechanics like Poll Multiple or Story.

You can find more details on Mechanic features in the article Setting up a Story Mechanic.

Did this answer your question?