Custom Visuals in Power BI worden door veel gebruikers van Power BI niet gebruikt terwijl ze vaak erg leuke opties bieden. En om gebruik te maken van die opties hoef je zelf niet eens een eigen visual te bouwen, er zijn er genoeg beschikbaar op de Power BI-visuals marktplaats. Maar waarom worden ze dan toch niet gebruikt? Het korte antwoord: Veel gebruikers kennen ze niet of ze weten niet hoe ze deze visuals kunnen integreren in hun rapportages. Daarom dachten wij, laten we eens een beknopte uitleg geven over het toevoegen van een custom visual en omdat het bijna Koningsdag is leek het ons leuk om dat te doen op basis van data over Koningsdag.

De data
Voor deze uitleg hebben we data verzameld over de volgende onderwerpen:

• De prijs van tompoucen bij de Hema van 2018 tot en met 2024
• De geschatte kosten van de koningsdagvieringen in de steden die de koning heeft aangedaan in de periode 2018 tot en met 2024
• Het aantal uitgereikte lintjes in de periode 2018 tot en met 2024

Deze data hebben we gevonden op verschillende websites en in een Excel bestand gezet dat we hebben gebruikt als bron voor het rapport (Mocht je deze data willen hebben of het resulterende rapport in Power BI, stuur ons dan even een berichtje).

Het rapport zonder custom visuals
Op basis van de data hebben we in Power BI een eenvoudig rapport gemaakt op basis van de standaard visuals dat er als volgt uit zag:

Maar misschien is deze opzet een beetje saai en is het leuker om bijvoorbeeld:

• Voor de prijs van tompoucen een balkgrafiek met tompoucen in plaats van balken
• Voor de kosten per plaats, een kaart met een grotere of minder grote afbeelding van geld afhankelijk van de kosten
• Voor de lintjesregen een balkgrafiek met poppetjes in plaats van balken

Dat helpt je ook meteen om te zorgen dat gebruikers van de rapportages sneller snappen waar ze naar kijken. Je neemt ze als het ware mee in het verhaal achter de data. Maar hoe krijg je dat voor elkaar? Met Custom Visuals bijvoorbeeld!

Custom Visuals toevoegen
Voordat je een custom visual gaat toevoegen is het zaak om duidelijk te krijgen welke visual doet wat jij wilt. Dit kun je doen door de visuals in de Power BI-visuals marktplaats te bekijken maar ook door bijvoorbeeld te zoeken naar voorbeelden van toepassingen op het internet. (Let op, niet alle visuals die worden aangeboden op de markplaats zijn gecertificeerd door Microsoft)

Voor het idee hierboven kun je bijvoorbeeld de volgende visuals gebruiken:

• Infographic Designer
• Icon Map

Om deze toe te voegen aan jouw Power BI rapport ga je als volgt te werk:

1. Onder de Visualisaties in Power BI klik je op de drie puntjes
2. Vervolgens klik je op ‘Meer visuals downloaden’:

De Power BI-visuals marktplaats wordt geopend. De volgende stap is om in deze marktplaats te zoeken op de visual die je wilt. Zoek je bijvoorbeeld op Infographic Designer, dan ziet dit er als volgt uit:

Klik nu op de visual en er opent zich een pagina met meer informatie en de optie om de visual toe te voegen aan je rapport door te klikken op toevoegen:

Voor het rapport dat we willen maken, voeg je ook de Icon Map visual toe op dezelfde manier. Als je dit gedaan hebt zul je zien dat er aan jouw Visualisaties twee extra opties zijn toegevoegd:

De Visuals gebruiken
Nu je de visuals hebt toegevoegd, wil je ze natuurlijk ook gebruiken. Afhankelijk van de Visual zijn er uitgebreide beschrijvingen te vinden voor het gebruik van de Visual. Voor de Visuals die wij gaan gebruiken zijn deze er ook:

• Icon Map: Icon Map (icon-map.com)
• Infographic Designer: InfoNice-Quick-Start.pdf (microsoft.com)

Om Infographic Designer te gebruiken voor de balk grafiek voor de prijs van tompoucen ga je bijvoorbeeld als volgt te werk (zorg dat je een plaatje van een tompouce hebt):

1. Sleep de Infographic Designer op je rapport Canvas en vul de velden van de Visual. Voor de grafiek over de prijs van tompoucen gebruik je het veld ‘Jaar’ als Categorie en ‘Prijs Tompouce’ als Measure.
2. In de grafiek die wordt getoond klik je rechtsboven op het ‘Bewerk’ symbool:
   
3. De opties van de Infographic Designer komen beschikbaar. Verwijder de huidige balk opmaak door op het verwijderknopje te klikken (1). Vervolgens kun je een plaatje van een tompouce toevoegen door op het toevoeg knopje te klikken (2).
   
4. In het scherm dat zich opent klik je op Upload om het plaatje van de tompouce op jouw computer te selecteren.
5. Als het plaatje is toegevoegd, klik je hem aan (1) om de instellingen qua formaat te kunnen instellen. Om balken te krijgen vergelijkbaar met het rapport hierboven kies je er bijvoorbeeld voor om het plaatje te laten herhalen (2) en zet je het Fill percentage op ‘None’ (3):
   

Voor de balkgrafiek met lintjes werkt dit vergelijkbaar. Ook hiervoor kun je een plaatje gebruiken maar een andere optie is om een van de standaard ‘shapes’ te gebruiken die onderdeel zijn van de Infographic Designer. Hiervoor klik je op het ‘shape’ knopje helemaal links (1). Wil je ook een tekst toevoegen dan klik je op het tekst knopje (2).

De Icon Map Visual werkt vergelijkbaar alleen zijn de opties hierbij niet te vinden doormiddel van een edit knopje op de kaart zelf. Alle opties voor de Icon Map vind je onder de opties voor ‘Visual opmaken’:

Het resultaat
Is het allemaal gelukt met het instellen van de Custom Visuals? Dan heb je een rapport dat er qua opmaak anders uitziet dan andere rapporten die je eerder hebt gemaakt.
Niet gelukt en wil je graag ons Power BI rapport en bijbehorende data als voorbeeld ontvangen of wat hulp? Stuur ons dan even een berichtje of email.