Your Score widget displays the average score for all shops that the manager accessing the View has permission to see.




Graph Types

In the "Graph Types" setting, you will find a link to the IconoGraph example library. You can simply click on the IconoGraph type to get the URL to that icon. After you paste the URL to the input field, the widget will refresh and display the chosen image using colour saturation to visually represent the score. 


"IconoGraph with Heat Mapping" is the same as IconoGraph except the original colours in the image are replaced with the heat map colour associated with the score.



If you don't fancy any of the icon templates in the IconoGraph library, you are free to enter a URL link to your own icon, set the Heat map option to the colour code that works for you, as well as ensure that the icon fills horizontally based on the score.



"IconoGraph with Custom Score Thresholds" allows you to specify images for a specific score threshold.

For an example, you can add an image of a smily face for a score of above 70%, and a sad face for a score below 70%!



To be able to use this functionality, the "Graph Types" selector needs to be set to IconoGraph Custom Score Thresholds.



ResultSteps

1. Select Custom HeatMap Functionality in the "Heat Map Options" selector.


2. Add as many Thresholds you want by using the Add IconoGraph And Corresponding Threshold button.


3. Add images.

If you see an 'Invalid or malformed URL supplied' when the widget renders, this means either the image field is blank for the threshold, or the URL is invalid.


4. Adjust the Score Thresholds sliders to match your preferences.



Other settings

Remember to check a different help article detailing other settings of this widget.