Viz Flowics

Scoring Widget was designed to be a quick way to display real-time score updates for your audience through pre-composed layouts.

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">Story Data Provider</a>.

___________________________________________________________

Before setting up a Scoring Widget for Graphics you should:

1. Create‍ a Mechanic of <a href="https://support.flowics.com/en/articles/8879385-setting-up-a-scoring-mechanic">Scoring</a>‍ type. 

2. Set up your <a href="https://support.flowics.com/en/articles/8879385-setting-up-a-scoring-mechanic">Scoring Mechanic</a>‍. 

To learn how to add Elements to your Visualization, 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">Story Provider</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/8870047-using-the-dynamic-content-list-building-block">Dynamic Content List</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">Story 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/8869904-using-the-container-building-block">Container</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/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
Story Provider	Story Provider	Scoring Mechanic
1.Title	Text	Question
Options List	Dynamic Content List	Options
Options	List	-
2.Image Container	Container	-
Image	Image	Image
3.Scoring Value	Text	Percentage/Count
4.Label	Text	Name
5.Footer	Text	-
6.Header Background	Rectangle	-
Gradient Background	Rectangle	-

Layouts

Scoring Lower Third

Scoring Full Screen

Scoring Card

Elements Tree

Elements