Viz Flowics

Use any of the available layouts of the Story Widget to create graphics for displaying on-air the results of your live interactions during a live streaming or TV broadcast. 

Use this Widget when you have created one of the Following Mechanics

If you are interested in building your graphics from scratch with your own layout, then we recommend using the <a href="https://support.flowics.com/en/articles/8870371-working-with-a-mechanic-provider">Mechanic Provider</a>.

___________________________________________________________

Before setting up a Story Widget for Graphics you should:

1. Create a Mechanic of Story or Votes type. 

2. Setting up your <a href="https://support.flowics.com/en/articles/8879389-setting-up-a-story-mechanic">Story Mechanic</a> or <a href="https://support.flowics.com/en/articles/8879382-setting-up-a-votes-mechanic">Votes Mechanic</a>. 

To learn how to add Building Blocks and Widgets to your Graphics, click <a href="https://support.flowics.com/en/articles/8870256-adding-elements-to-your-graphics-editor">here</a>‍.

This Widget has the following related elements:

<a href="https://support.flowics.com/en/articles/8870371-working-with-a-mechanic-provider">Mechanic Provider</a>

<a href="https://support.flowics.com/en/articles/8870047-using-the-dynamic-content-list-building-block">Dynamic Content List</a>

<a href="https://support.flowics.com/en/articles/8869904-using-the-container-building-block">Container</a>

<a href="https://support.flowics.com/en/articles/8870029-using-the-image-building-block">Image</a>

<a href="https://support.flowics.com/en/articles/8870108-using-the-progress-bar-building-block">Progress Bar</a>

<a href="https://support.flowics.com/en/articles/8870123-using-the-rectangle-element">Rectangle</a>

- <a href="https://support.flowics.com/en/articles/8870371-working-with-a-mechanic-provider">Mechanic Provider</a>
- <a href="https://support.flowics.com/en/articles/8869921-using-the-text-building-block">Text</a>
- <a href="https://support.flowics.com/en/articles/8870047-using-the-dynamic-content-list-building-block">Dynamic Content List</a>
- <a href="https://support.flowics.com/en/articles/8869904-using-the-container-building-block">Container</a>
- <a href="https://support.flowics.com/en/articles/8870029-using-the-image-building-block">Image</a>
- <a href="https://support.flowics.com/en/articles/8870108-using-the-progress-bar-building-block">Progress Bar</a>
- <a href="https://support.flowics.com/en/articles/8870123-using-the-rectangle-element">Rectangle</a>

Name	Element Type	Connected to
Mechanic Provider	Mechanic Provider	Mechanic
1.Title	Text	Question
Options List	Dynamic Content List	Options
Options	List	-
Image Container	Container	-
2.Image	Image	Image
3.Poll Value	Text	Percentage/Count
4.Poll Bar	Progress Bar	Percentage/Count
5.Poll Bar Correct Answer	Progress Bar	Percentage/Count
Scoring Value	Text	Percentage/Count
6.Label	Text	Name
7.Footer	Text	-
8.Header Background	Rectangle	-
9.Gradient Background	Rectangle	-

Layouts

Story Lower Third

Story Full Screen

Story Card

Elements Tree

Elements