Flourish

Flourish (flourish.studio) ist eine browserbasierte Plattform für animierte, interaktive Datenvisualisierungen und Datenstorytelling mit Templates für Racing Bar Charts, Story-Mode und mehr.

Rubrik: Mediendesign & Digitale Medien · Unterrubrik: Infografik & Datenvisualisierung · Niveau: Einsteiger

Was ist Flourish?

Flourish wurde 2016 in London gegründet und 2022 von Canva übernommen. Die Plattform richtet sich an Journalistinnen und Journalisten, Kommunikationsprofis und Kreative, die anspruchsvollere Visualisierungen als Datawrapper erstellen wollen – ohne in die Tiefen von D3.js eintauchen zu müssen.

Das Kernkonzept von Flourish sind Templates: vorgefertigte, interaktive Visualisierungstypen, die mit eigenen Daten befüllt werden. Jedes Template bietet eine Vielzahl von Anpassungsoptionen. Die fertigen Visualisierungen lassen sich als iFrame-Embeds in Webseiten einbetten oder im Flourish-Story-Mode als vollständige Datenpräsentationen schalten.

Erklärung

Story-Mode:

Der Flourish-Story-Mode ist das wichtigste Feature, das Flourish von Datawrapper unterscheidet. Im Story-Mode werden mehrere Diagramm-„Slides" hintereinander gestellt und durch Text, Überschriften und Annotationen ergänzt. Der Betrachter klickt oder scrollt durch die Geschichte. Das ermöglicht ein narratives Erleben von Daten: Erst der Kontext, dann die Daten, dann die Interpretation.

Racing Bar Chart (Bar Chart Race):

Das Racing Bar Chart wurde durch Flourish-Templates 2019 viral: Balken sortieren sich in Echtzeit neu, während eine Animation Jahr für Jahr fortschreitet. Das berühmteste Beispiel ist „Most Popular YouTube Videos since 2005". Flourish bietet einen eigenen „Bar Chart Race"-Template-Typen, der für globale Medien wie die BBC genutzt wurde. Wichtig: Das Format ist eingängig, aber auch umstritten – es kann Daten vereinfachen und dramatisieren.

Animierte Übergänge:

Fast alle Flourish-Templates bieten Animationen beim Laden und bei Datenübergängen. Das steigert die visuelle Aufmerksamkeit, kann aber auch von der inhaltlichen Botschaft ablenken. Tufte (2001) und Few (2012) mahnen: Animation ist nur dann gerechtfertigt, wenn sie die Datenbotschaft verdeutlicht, nicht wenn sie nur Dekoration ist.

Interaktivität:

Flourish-Visualisierungen sind standardmäßig interaktiv: Hover-Tooltips, anklickbare Legende, Suchfunktionen in bestimmten Templates. Für explorative Visualisierungen, bei denen Nutzer selbst Teilmengen erkunden sollen, ist das ein großer Vorteil.

Templates-Übersicht:

• Balkendiagramme (statisch und Racing)
• Liniendiagramme und Flächendiagramme
• Scatter Plot und Bubble Chart
• Heatmaps
• Karten (Choropleth, Symbol, Hex)
• Netzwerkgraph
• Sankey-Diagramm
• Baumkarten (Hierarchy)
• Befragungsergebnisse (Survey Charts)
• Football Pitch (Sportdaten)
• und viele weitere Spezialtemplates

Datenverwaltung:

In Flourish werden Daten direkt im Editor als Tabelle eingegeben oder als CSV hochgeladen. Eine Google-Sheets-Anbindung für Liveupdates ist in Bezahlplänen verfügbar. Öffentliche Templates und Projekte sind für alle einsehbar.

Wann einsetzen / wann nicht

Einsetzen, wenn:

• Animierte oder interaktive Visualisierungen für das Web erstellt werden sollen.
• Eine Geschichte durch mehrere Diagramm-Slides erzählt werden soll (Story-Mode).
• Racing Bar Charts oder animierte Zeitreihen gewünscht sind.
• Mehr Design-Optionen als Datawrapper benötigt werden.
• Ungewöhnliche Diagrammtypen (Sankey, Netzwerk, Hierarchy) per Template schnell erstellt werden sollen.

Nicht einsetzen, wenn:

• Einfache, schnelle Standard-Diagramme gebraucht werden – Datawrapper ist schneller.
• Sehr genaue Kontrolle über jedes Gestaltungselement nötig ist – D3.js oder Illustrator.
• Lokaler Export ohne Cloud-Hosting gewünscht wird – Flourish hostet immer auf der eigenen Plattform (Embed oder Link).
• Animation die Datenbotschaft eher verdeckt als verstärkt.

Beispiele (5 konkrete)

1. BBC „Most Popular Babynames" Racing Bar Chart: Die BBC hat Flourish-Templates für Racing Bar Charts genutzt, um populäre Vornamen über Jahrzehnte in einem animierten Balkenrennen zu zeigen. Millionen Views auf Social Media.
2. Reuters COVID-Scrollytelling: Reuters nutzte Flourish Story-Mode für mehrseitige COVID-Berichte: Erste Slide erklärt den Kontext, folgende Slides zeigen Länderdaten, letzte Slide gibt Handlungsempfehlungen.
3. Bundestagswahl Story: Eine Redaktion erstellt eine Flourish-Story mit fünf Slides: Gesamtergebnis als Balken, historischer Vergleich als Liniendiagramm, regionale Karte, Koalitionsmöglichkeiten als Bubble Chart.
4. Unternehmens-Jahrespräsentation: Ein Kommunikationsteam nutzt Flourish, um den Jahresbericht als interaktive Datenpräsentation zu erstellen – anschaulicher als PowerPoint, einbettbar auf der Website.
5. NGO-Kampagne zur Klimapolitik: Animiertes Streudiagramm zeigt Länder nach CO₂-Emissionen und HDI, mit Bubble-Größe = Bevölkerung. Klick auf Land zeigt Details. Eingebettet auf der Kampagnen-Webseite.

In der Praxis

Erste Schritte:

1. flourish.studio aufrufen, kostenlosen Account erstellen.
2. „New visualization" klicken, Template wählen.
3. Im Tab „Data" eigene Daten als CSV einfügen.
4. Im Tab „Preview" Visualisierung anpassen (Farben, Titel, Animationsgeschwindigkeit).
5. „Publish" klicken, Embed-Code kopieren.

Story-Mode erstellen:

1. „New story" im Dashboard wählen.
2. Slides aus bestehenden Projekten oder neuen Visualisierungen zusammenstellen.
3. Text, Überschriften und Zwischenblenden hinzufügen.
4. Story-URL oder Embed-Code für die eigene Website nutzen.

Kostenstruktur: Das Gratis-Paket erlaubt öffentliche Projekte. Alle Projekte sind unter flourish.studio/stories/... öffentlich einsehbar. Für private Projekte und Team-Features ist ein Bezahlplan nötig (Stand 2026: ab ca. 99 USD/Monat für Teams).

Vergleich & Abgrenzung

Häufige Fragen (FAQ)

Ist Flourish nach der Übernahme durch Canva noch für Journalisten geeignet? Ja – Flourish betreibt die Plattform weiterhin eigenständig, und das Produkt hat sich seit der Canva-Übernahme 2022 nicht wesentlich verändert. Die Roadmap zeigt weiterhin journalismus-relevante Features. Allerdings sollten Redaktionen bedenken, dass sie von einem Anbieter abhängig sind, der sich zukünftig verändern könnte.

Was ist der Unterschied zwischen einem Flourish-Story und Scrollytelling? Ein Flourish-Story-Mode ist eine Klick-durch-Präsentation – Nutzerinnen und Nutzer klicken auf „Weiter". Scrollytelling bedeutet, dass die Navigation durch Scrollen erfolgt und die Visualisierungen sich synchron zur Scrollposition verändern. Flourish bietet eine Scrollytelling-Option für einige Templates; für vollständiges Scrollytelling ist Shorthand oder eine eigene D3.js-Implementierung leistungsfähiger.

Verwandte Einträge

• Datawrapper — Einfachere Alternative für Standard-Charts
• Scrollytelling — Daten durch Scrollen enthüllen
• Datenstorytelling — Narrative Methoden für Daten

Weiterführend

• Flourish Academy: help.flourish.studio (Offizielle Dokumentation und Tutorials)
• Cairo, A. (2016). The Truthful Art. New Riders.
• Tufte, E. R. (2001). The Visual Display of Quantitative Information (2. Aufl.). Graphics Press.
• Few, S. (2012). Show Me the Numbers (2. Aufl.). Analytics Press.