Mittels Infografiken werden auf kompakte Weise und mit ansprechendem Design Daten und Fakten zu einem bestimmten Thema dargestellt. Die Informationen sind klar ersichtlich, schnell erfassbar und sollten zum Verweilen einladen. Interaktive Infografiken geben den Usern die Möglichkeit, selbst mit den Daten zu spielen. Warum mal nicht ein Fact Sheet als Infografik aufbauen? In diesem Beitrag zeigen wir, wie man interaktive Infografiken mit Power BI erstellt.
Einsatz von Infografiken
Die Kombination von Text und Bilder sind aus unserer digitalen Landschaft nicht mehr wegzudenken. Es ist ein wirksames Mittel zur Kommunikation, sei dies in den Medien, in der Arbeitswelt oder in privaten Interessensgebieten. Ziel ist es dabei, Zahlen, Fakten, Informationen oder Zusammenhänge auf eine Weise darzustellen, dass die Konsumenten hängen bleiben. Fliesstexte und Tabellen mit Zahlen und Fakten beinhalten sehr viele Informationen. Eine Infografik sollte daraus das wesentliche auf anschauliche Art zusammenfassen oder vereinfachen. Das ist eine Kunst für sich, denn komplexe Themen einfach zu erklären, ist alles andere als einfach. Durch eine Infografik wird aber ein viel breiteres Publikum erreicht, da der bildliche Faktor dafür sorgt, dass die Materie nicht trocken wirkt. Einige Beispiele von Einsätzen von Infografiken sind:
- Darstellung von Zahlen, Fakten und Statistiken zu einem Thema
- Verlauf auf einer Zeitlinie und geschichtliche Abläufe
- Geografische Ereignisse und Zusammenhänge – auch in geschichtlichem Aspekt
- Prozesse und Abläufe, deren Auswirkung und Zusammenhänge
- Umfrageergebnisse
- etc.
Interaktive Infografiken sind nun jene Art von Infografiken, bei denen die Konsumenten durch eigene Interaktionen (normalerweise durch Klicken) die Darstellung oder den Inhalt ändern können. Das erlaubt einerseits noch tiefer in Materien einzutauchen (Drill-Down) oder aber auf überschaubarem Raum viel mehr Informationen zu platzieren.
Interaktive Infografiken mit Power BI – Start mit dem Design
Power BI bietet mit seinen Standardfunktionen die Möglichkeit, solche interaktive Infografiken zu erstellen. Hierzu starten wir jedoch ausserhalb von Power BI und zwar mit dem Erstellen des Designs – noch völlig ohne Daten. Das kann mit irgendeinem Tool gemacht, welches schlussendlich ein Bildformat (PNG, JPG, o.ä.) generiert. Das können Illustrations- oder Photo-Tools sein wie Photoshop, Canva oder Visme (welches wir nutzen) oder auch gängige Alternativen wie Power Point (oder MS Paint – we don’t judge). Im ersten Schritt wird also eine statische Variante unserer Infografik erstellt:
Wir möchten eine kleine Infografik über ein paar Raubtiere aus dem Zoo Zürich machen (Datenquelle Website Zoo Zürich, Juli 2023). Wir erstellen nun unser Design und füllen zuerst alle Daten ab, die wir später dann dynamisch einbinden möchten. So sehen wir aber nun, wo wir was platzieren möchten und wie unser Endergebnis aussehen sollte – vorerst mal statisch.
Nun entfernen wir alle Elemente, die wir mit Power BI dynamisch einbinden wollen und speichern das Resultat als Bild ab:
Datenquelle
Damit wir die Texte und Bilder in Power BI einbinden können, müssen wir diese strukturiert ablegen. Hier verwenden wir ein einfaches Excel mit den nötigen Informationen und stellen die Tierbilder auf einen Webserver, damit diese dann erreichbar sind (falls die Infografik nicht publik wird, kann das auch eine andere Ablage sein, wichtig ist nur, dass Power BI darauf zugreifen kann).
Erstellen des Power BI Reports
Wir erstellen eine neue Power BI-Datei und fügen das Bild mit dem Design ein. Die Grösse des Canvas muss wahrscheinlich noch angepasst werden, damit das Bild passend ist. Daran denken, dass man irgendwo noch Schaltflächen oder eine Navigation einbauen möchte und dafür etwas Platz zu reservieren ist. Alternativ kann das Bild gleich als Background gesetzt werden (Image fit).
Das Excel wird nun als Datenquelle eingebunden und die Attribute stehen wie immer zur Verfügung, um in Visuals zu verwendet werden.
Für die Einbindung von Text-Daten kann man das normale Text-Element von Power BI verwenden und die Attribute als “dynamic Value” einbinden. Das Bild wurde in dem Fall mit einem Custom Visual aus dem Store eingebunden. Links haben wir die Navigation zur Interaktiven Nutzung, welche den normalen Power BI Slicer verwendet.
Publish und Einbinden
Sind die Elemente alle am richtigen Platz und korrekt formatiert, wird der Report publiziert. Im Web stellen wir die Publikation für das Web ein, damit wir es öffentlich verwenden können. Machen Sie das nur, wenn die Informationen für die Öffentlichkeit gedacht ist. Nutzen Sie Power BI firmenintern, ist dieser Schritt nicht nötig, wenn die Infografik einen internen Zweck hat.
Auf diese Art können nun einfache Factsheet auf interaktive Weise zur Verfügung gestellt werden. Das Beispiel hier kratzt jedoch nur an der Oberfläche des Möglichen. Datendiagramme wie Bar Charts, Treemaps, Line Charts, etc. können genau so in Infografiken eingepflegt werden, wie solch einfache Texte wie in unserem Beispiel.
Infographic Designer von Microsoft
Ein spannendes Visual für die Erstellung von Infografiken in Power BI ist der “Infographic Desinger” von Microsoft, verfügbar im App Store. Damit ist es möglich, passende Sujets anstelle von Bar-Charts darzustellen. Z.B. wie hier die Anzahl der Wurfgrösse:
Es gibt somit einige Optionen, um interaktive Infografiken mit Power BI zu erstellen. Wichtig dabei ist, dass immer das Zielpublikum und Zweck der Visualisierung im Fokus bleiben. Bei Infografiken darf die Kreativität ruhig etwas ausgeweitet werden, um ein breiteres Publikum zu erreichen. Bei Analytics- oder Monitoring-Reports raten wir zu einfachen und klaren Darstellungen. Dort ist es wichtig, dass Erkenntnisse schnell erfasst und darauf Entscheidungen getroffen werden können. Infografiken als eine Art “Edutainment” dürfen gerne mal aus der Norm fallen.
Credits: Die Art Infografiken zu erstellen wurde inspiriert durch die Session von Greg Nash am Power BI Summit 2023: Building data driven Infographics with Power BI. Link zu den Sessions des Power BI Summits 2023 von RADACAD.