{"id":13841,"date":"2016-09-19T11:26:04","date_gmt":"2016-09-19T10:26:04","guid":{"rendered":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/?page_id=13841"},"modified":"2019-02-19T18:14:59","modified_gmt":"2019-02-19T18:14:59","slug":"performance-profile-layout","status":"publish","type":"page","link":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/profiling-areas-layouts\/performance-profile-layout\/","title":{"rendered":"Performance Profile Layout"},"content":{"rendered":"

As its name suggests, the Performance Profile<\/strong> layout is best suited to display performance indicators but can also be applied more widely to other data. In addition to the most common widgets, it contains a Performance Profile<\/strong> widget as shown in the image below.<\/p>\n

\"Performance<\/a><\/p>\n

This widget looks and behaves like a table but it has a performance profile chart in one of its table columns. Each indicator value is represented by a symbol (horizontal bar by default) that is superimposed upon reversible colour ranges. Each range can be depicted as a performance category. Your audience can then easily tell which category each indicator is fallen into.<\/p>\n

Click here<\/a> to see a demo dashboard using a Performance Profile layout to show the indicator values.<\/p>\n

Click here<\/a> to see this demo dashboard in the edit mode.<\/p>\n

Here are the steps to create a dashboard using Performance Profile layout as shown in the demo dashboard.<\/p>\n\n

<\/a><\/p>\n

\n

Applying the Performance\u00a0Profile layout<\/strong><\/h2>\n

1. In the Dashboard Editor, select Layout<\/strong> in the top menu.<\/p>\n

2. Under Profiling Areas<\/strong> section, hover over the Performance Profile<\/strong> layout and then click Apply<\/strong>.<\/p>\n

3. In the Continue?<\/strong> dialog, click Yes<\/strong>.<\/p>\n

Note: Any changes to widget properties (including table columns) will be lost if you apply a new layout.<\/p>\n

<\/a><\/p>\n

\n

Data Preparation<\/strong><\/h2>\n

The horizontal bar in the performance profile chart in this demo dashboard uses indicator value as its source data, and you can see that the associated CSV file contains columns of indicator values as shown below.<\/p>\n

\"Performance<\/p>\n

Here two additional columns for each indicator have also been added. The trend values, “+” and “-“, will be used to display the symbols in the chart’s Trend column and the\u00a0target values will be depicted\u00a0as vertical markers superimposed on the horizontal bars on the performance profile\u00a0chart. Your audience will be able to easily identify the data trend and whether the target for a particular indicator has been reached or not. Note that these features are optional.<\/span><\/p>\n

<\/a><\/p>\n

\n

Setting Up the Data Model in the Data Manager<\/strong><\/h2>\n

By default\u00a0the horizontal bar in the performance profile chart is configured to display the indicator<\/span>\u00a0<\/strong>value, therefore this layout only\u00a0requires the indicators to be set up in the Data Manager’s data model structure.\u00a0<\/span><\/p>\n

\"Performance<\/a><\/p>\n

In this demo dashboard two associates have been created and will be used to display additional features. The target columns are specified as associate target\u00a0<\/strong>to be displayed as red vertical markers and the trend<\/strong> columns are set up as associate trend<\/strong>\u00a0for the arrow symbols in the performance profile chart’s Trend column.<\/p>\n

<\/a><\/p>\n

\n

Configuring the Performance Profile widget<\/strong><\/h2>\n

Specify data source<\/strong><\/h4>\n

By default the performance profile chart is using the indicator value as source data, but you can specify an associate as the source data instead.<\/p>\n

1. Select the Performance Profile<\/strong> widget. Its Properties panel should appear on the left.<\/p>\n

2. Click Columns<\/strong> to expand the section.<\/p>\n

3. Locate the column box for the performance profile chart. It looks like the image below.<\/p>\n

\"performanceprofilecolumnbox\"<\/p>\n

4. In the Bar<\/strong> section, in the Data Source<\/strong> box, specify a field from the list. In this demo dashboard it is the Indicator value<\/strong>.<\/p>\n

Specify breaks for the colour ranges<\/strong><\/h4>\n

By default, the breaks for the three individual colour ranges are automatically calculated depending on the values of each of the indicators. However, you can specify custom breaks following the steps below.<\/p>\n

\"Performance<\/p>\n

1. Click Chart Column Breaks<\/strong> to expand the section.<\/p>\n

2. Click Add Custom Indicator Breaks<\/strong>.<\/p>\n

3. In the Indicator Breaks<\/strong> dialog, in the Breaks<\/strong> column, specify the breaks for each indicator separated by a comma. E.g. 0, 15, 30, 45. You can specify the breaks in the grey Theme<\/strong> row, then click Copy<\/strong> to copy the values to all indicators within this theme.<\/p>\n

\"Performance<\/a><\/p>\n

4. Click Apply<\/strong>.<\/p>\n

Specify colours for the colour ranges<\/strong><\/h4>\n

By default, there are three colour ranges for each indicator in the performance profile chart corresponding to the automatically calculated breaks. You can specify the interval label and colour in the Chart Column Breaks<\/strong> section. If custom breaks are specified, the number of colour ranges should correspond to the number of intervals in the custom breaks. For example, custom breaks of 0,10,20,30,40 will have 4 intervals and hence 4 colour ranges set.<\/p>\n

1. To add a new colour range, click New Break<\/strong> \"Addin the Chart Column Breaks<\/strong> section.<\/p>\n

2. In the new break box, specify the Label<\/strong> and Colour<\/strong> for the interval.<\/p>\n

\"Performance<\/p>\n

Adding Targets<\/strong><\/h4>\n

The Performance Profile widget allows you to add symbols on performance profile chart to denote target values of the specific indicators as shown in the image below.<\/p>\n

\"Performance<\/p>\n

To insert a vertical marker of an associate\/indicator value, follow the steps below.<\/p>\n

1. Click Chart Column Targets<\/strong> to expand the section.<\/p>\n

2. Click New Target \"New<\/strong>.<\/p>\n

3. In the new target box, in the Data<\/strong> box, specify the data source for this target, in this demo dashboard\u00a0it is the associate\u00a0target<\/strong>.<\/p>\n

4. Rename the label in the Label<\/strong> box. The text here will be used as the tooltip.<\/p>\n

5. Select a shape for the vertical marker in the Shape<\/strong> box.<\/p>\n

6. Change the size and colour in the Size<\/strong> and Colour<\/strong> fields.<\/p>\n

\"Area<\/p>\n

Adding Symbols<\/strong><\/h4>\n

One of the capabilities of the Performance Profile widget is to replace data values with symbols in the data columns as shown in the image below.<\/p>\n

\"Performance<\/p>\n

Here the column Trend is displaying the values of associate trend\u00a0<\/strong>as arrow symbols, \u00a0\"Upfor “+” and\u00a0\"Downfor “-“.<\/p>\n

1. To set it up, first add a new\u00a0column in the performance profile widget. Click Columns<\/strong> to expand the section.<\/p>\n

2. Click Add New Column<\/strong>\u00a0\"New.<\/p>\n

3. In the new column box, specify the Symbol Source<\/strong> from the list of indicator\/associates. In this demo dashboard, the associate trend<\/strong> is used.<\/p>\n

\"Performance<\/p>\n

4. Now click Symbols<\/strong> to expand the section.<\/p>\n

5. You can either click Add New Symbol<\/strong>\u00a0\"Newto add a new symbol or replace the values in existing symbol boxes which are not relevant. In the demo dashboard, two symbol boxes are required, one to set an Up arrow for the value “+” and the other to set up the Down arrow for the value “-“.<\/p>\n

6. In one of the two symbol boxes, specify “+” in the Data Value<\/strong> box.<\/p>\n

\"Symbol<\/p>\n

7. In the Shape<\/strong> box, select the arrow up<\/strong> from the list. Also specify the Label<\/strong>, Size<\/strong> and Colour<\/strong> as desired.<\/p>\n

8. In the other symbol box, specify “-” in the Data Value<\/strong> box and arrow down<\/strong> in the Shape<\/strong> box.<\/p>\n

\"Symbol<\/p>\n

9. Specify the\u00a0<\/span>Label<\/strong>, <\/span>Size<\/strong> and <\/span>Colour<\/strong> as desired for the down arrow.<\/span><\/p>\n

Now you should see the column Trend will display the symbols as configured\u00a0in the Columns<\/strong> and Symbols<\/strong> section.<\/p>\n

 <\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

As its name suggests, the Performance Profile layout is best suited to display performance indicators but can also be applied more widely to other data. In addition to the most common widgets, it contains a Performance Profile widget as shown in the image below. This widget looks and behaves like a table but it has … Continue reading Performance Profile Layout<\/span><\/a><\/p>\n","protected":false},"author":22,"featured_media":0,"parent":12861,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13841","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/pages\/13841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/comments?post=13841"}],"version-history":[{"count":0,"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/pages\/13841\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/pages\/12861"}],"wp:attachment":[{"href":"https:\/\/help.instantatlas.com\/dashboard-builder-agol\/wp-json\/wp\/v2\/media?parent=13841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}