Skip to main content

Building a Graph Visualisation

A guide on how to build your own graph visualisation in ScorebuddyCX BI

Written by Jane Lydon

ScorebuddyCX BI allows you to create custom report pages with a range of visualisation types. This article walks through how to add a new page, build a bar graph visualisation and add colour thresholds using the Standard Reports dossier as an example.


Step 1: Add a new page

  • From Standard Reports, click the edit icon to open the report editor.

  • In the contents panel, click the three dots beside By Score Date.

  • Select Insert Page.

  • When the new page is created, Scorebuddy BI will automatically generate a basic visualisation in grid format.

Step 2: Switch to free form layout

  • Click the interlocking squares icon in the top right of the visualisation. This converts the page to a free form layout, which allows you to position, resize, and layer objects. Visualisations can be dragged and dropped freely within this layout.

Step 3: Choose a visualisation type

  • Click the bar graph icon to browse the available visualisation types. Each option includes a description and an example to help you choose the most appropriate format for your data.

Step 4: Build a bar graph report (example: average % score by week)

  • Select the bar graph visualisation type.

  • Switch from the Contents to Dataset panel on the left hand side.

  • Drag the % Score metric to the Vertical axis.

  • Drag Score Week to the Horizontal axis.

  • To clean up the axis labels, right click Score Week, select Display Attribute Forms, and untick any data you want hidden.

  • To sort the data, right click the % Score metric and select Sort Ascending.

  • To rename the visualisation, right click the three dots beside the report name in the editor and select Rename.

  • To adjust formatting, click the cog icon and work through the available format options.

Step 5: Apply colour thresholds

  • Drag the % Score metric to the Color By box.

  • Right click the % Score metric and select Edit Thresholds.

  • Choose your preferred colour scheme.

  • The Performance Scale option applies the standard Red, Amber, and Green colour range and is the most commonly used setting.

Step 6: Save your report

  • Click Save to save all changes to the visualisation.

Did this answer your question?