Implementing simple KPI Visualisations

A dashboard or cockpit should clearly communicate key information to users. It should be kept simple and therefore and effective design is crucial. Besides showing the current situation, it should also show comparisons and trends.
Implementing simple reusable KPI boxes is one way to show different KPI's on a dashboard or cockpit. These would look like:

Bildschirmfoto 2017-02-07 um 09.34.02 Bildschirmfoto 2017-02-07 um 09.35.33

We can clearly see the current situation, with some additional informations about previous year or comparison to the budget. All this can done by using textboxes and some codes.

Within the QlikView application put the code below in the script editor:
SET PerformanceSymbol = if($1 < $2, chr(9660),if($1 > $2, chr(9650), chr(9654)));

SET PerformanceColor = if($1 < $2, red(),if($1 > $2, green(), black()));

In this example I have used Sales and Budget values. I have created two textboxes showing once the Sales and once the Budget:
='Sales: '&num( (sum(LineSalesAmount)),'###'&ThousandSep&'##0') ='Prev. Year: '&num( (sum({ < Year={2014}> }LineSalesAmount)),'###'&ThousandSep&'##0')
Bildschirmfoto 2017-02-07 um 10.17.23
Now, I have created a third one, including the difference:
=num( (sum(LineSalesAmount)-sum({ < Year={2014}>}LineSalesAmount))/ sum({ < Year={2014}>}LineSalesAmount) , '#'&ThousandSep&'###'&DecimalSep&'## %') & $(PerformanceSymbol($(=sum(LineSalesAmount)), $(=sum({ < Year={2014}>}LineSalesAmount))))

In the Fonts register, for color I put this expression for calculating the color:
$(PerformanceColor($(=sum(LineSalesAmount)), $(=sum({ < Year={2014}>}LineSalesAmount))))Bildschirmfoto 2017-02-07 um 10.19.35
And the result shows me the difference in percent and because my Sales are higher then my budget, the colors appear in green. Arranging them all, I have then a KPI box, which I also can reuse to compare with previous year or for other KPIs.

Bildschirmfoto 2017-02-07 um 10.23.55

blog comments powered by Disqus