Bewegte Blasen-Timeline
Trend
Bewegte Blasen-Timeline
Blasen bewegen sich, ändern ihre Größe und gruppieren sich über Zeiträume neu, um multivariate Veränderungen zu zeigen.
Diese Vorlage nutzen●Anleitung 06
Bewegte Blasen, Sunbursts, Netzwerke und Gantt-Charts erstellen
Schritt für Schritt.
Die vier Charts beantworten unterschiedliche Fragen und brauchen unterschiedliche Zeilenstrukturen. Lernen Sie die Schemata für Blasen über Zeit, Hierarchiepfade, gewichtete Kanten und Aufgabenpläne.
Bewegte Blasen-Timeline
Überblick Was Sie lernen
Von sauberen Daten zu einem veröffentlichungsreifen Chart.
- Suchintention in eine Chart-Entscheidung übersetzen
- CSV mit klaren Labels, Einheiten und Perioden vorbereiten
- Bewegte Blasen-Timeline nur bei passender Datenbeziehung nutzen
- Video und finales PNG für den Workflow exportieren
CSV Datenleitfaden
Mit der richtigen Datenstruktur starten
Nutzen Sie dieses chartfertige Schema als Ausgangspunkt. Ersetzen Sie die Beispielzeilen, behalten Sie die Spalten bei und prüfen Sie vor dem Export die ganze Animation.
- Geeignet für
- Blasen bewegen sich, ändern ihre Größe und gruppieren sich über Zeiträume neu, um multivariate Veränderungen zu zeigen.
- Pflichtspalten
EntitätZeitraumXYGröße- Bedeutung einer Zeile
- Eine Entität in einem Zeitraum mit X-/Y-Koordinaten und numerischer Blasengröße. Jede Entität pro Zeitraum wiederholen.
Ablauf in drei Schritten
- 1
Behalten Sie die oben gezeigten Spaltennamen und ihre Reihenfolge bei.
- 2
Fügen Sie pro Zeile eine Beobachtung ein und halten Sie Namen, Einheiten und Zeiträume konsistent.
- 3
Prüfen Sie alle Frames und passen Sie danach Labels, Dichte und Timing an.
Bewegte Blasen-TimelineLokalisiertes CSV-Beispiel
Entität,Zeitraum,X,Y,Größe
Nord,2021,22,64,38
Süd,2021,48,36,62
Ost,2021,71,72,44
West,2021,84,28,26
Nord,2022,31,69,46
Süd,2022,52,43,70
Ost,2022,66,78,51
West,2022,77,35,34
Nord,2023,39,75,58
Süd,2023,59,51,77
Ost,2023,72,83,63
West,2023,69,44,42
Nord,2024,47,81,72
Süd,2024,66,60,86
Ost,2024,79,88,75
West,2024,61,53,55CSV Datenleitfaden
Mit der richtigen Datenstruktur starten
Nutzen Sie dieses chartfertige Schema als Ausgangspunkt. Ersetzen Sie die Beispielzeilen, behalten Sie die Spalten bei und prüfen Sie vor dem Export die ganze Animation.
- Geeignet für
- Verschachtelte Ringe entfalten sich vom Zentrum nach außen und zeigen hierarchische Zusammensetzung und Beiträge.
- Pflichtspalten
PfadWert- Bedeutung einer Zeile
- Ein Blattpfad mit Wert. Hierarchieebenen durch Schrägstriche trennen, etwa Produkt/Kern/Suche.
Ablauf in drei Schritten
- 1
Behalten Sie die oben gezeigten Spaltennamen und ihre Reihenfolge bei.
- 2
Fügen Sie pro Zeile eine Beobachtung ein und halten Sie Namen, Einheiten und Zeiträume konsistent.
- 3
Prüfen Sie alle Frames und passen Sie danach Labels, Dichte und Timing an.
Animiertes Sunburst-DiagrammLokalisiertes CSV-Beispiel
Pfad,Wert
Produkt/Kern/Suche,28
Produkt/Kern/Arbeitsbereich,22
Produkt/Wachstum/Automatisierung,18
Produkt/Wachstum/Erkenntnisse,14
Dienstleistungen/Beratung/Strategie,12
Dienstleistungen/Beratung/Forschung,9
Dienstleistungen/Umsetzung/Launch,16
Dienstleistungen/Umsetzung/Support,11
Partner/Plattform/Cloud,13
Partner/Plattform/Daten,8CSV Datenleitfaden
Mit der richtigen Datenstruktur starten
Nutzen Sie dieses chartfertige Schema als Ausgangspunkt. Ersetzen Sie die Beispielzeilen, behalten Sie die Spalten bei und prüfen Sie vor dem Export die ganze Animation.
- Geeignet für
- Gewichtete Beziehungen werden gezeichnet, während verbundene Knoten in einem entspannten Netzwerk zur Ruhe kommen.
- Pflichtspalten
QuelleZielGewicht- Bedeutung einer Zeile
- Eine gerichtete Verbindung von Quelle zu Ziel. Das Gewicht steuert Verbindungsstärke und Knotenbetonung.
Ablauf in drei Schritten
- 1
Behalten Sie die oben gezeigten Spaltennamen und ihre Reihenfolge bei.
- 2
Fügen Sie pro Zeile eine Beobachtung ein und halten Sie Namen, Einheiten und Zeiträume konsistent.
- 3
Prüfen Sie alle Frames und passen Sie danach Labels, Dichte und Timing an.
Kraftbasiertes NetzwerkLokalisiertes CSV-Beispiel
Quelle,Ziel,Gewicht
Produkt,Design,8
Produkt,Entwicklung,10
Produkt,Forschung,6
Design,Marke,4
Design,Wachstum,5
Entwicklung,Daten,7
Entwicklung,Plattform,9
Forschung,Daten,5
Wachstum,Vertrieb,6
Vertrieb,Support,4
Plattform,Support,5
Daten,Erkenntnisse,7
Erkenntnisse,Wachstum,3CSV Datenleitfaden
Mit der richtigen Datenstruktur starten
Nutzen Sie dieses chartfertige Schema als Ausgangspunkt. Ersetzen Sie die Beispielzeilen, behalten Sie die Spalten bei und prüfen Sie vor dem Export die ganze Animation.
- Geeignet für
- Projektbalken bauen sich auf einer gemeinsamen Zeitachse mit Fortschritt und gestaffelter Aufgabenanzeige auf.
- Pflichtspalten
AufgabeStartEndeFortschritt- Bedeutung einer Zeile
- Eine Aufgabe mit numerischem Start/Ende und Fortschritt von 0 bis 100. Das Ende muss nach dem Start liegen.
Ablauf in drei Schritten
- 1
Behalten Sie die oben gezeigten Spaltennamen und ihre Reihenfolge bei.
- 2
Fügen Sie pro Zeile eine Beobachtung ein und halten Sie Namen, Einheiten und Zeiträume konsistent.
- 3
Prüfen Sie alle Frames und passen Sie danach Labels, Dichte und Timing an.
Animierte Gantt-TimelineLokalisiertes CSV-Beispiel
Aufgabe,Start,Ende,Fortschritt
Forschung,0,3,100
Strategie,1,5,92
UX-Design,3,8,78
Prototyp,5,10,65
Entwicklung,7,15,48
Qualitätssicherung,13,17,32
Launch,16,20,1201 Tutorial
Dem Workflow folgen
Die Schritte der Reihe nach für einen neuen Chart oder als Prüfliste für eine bestehende Animation.
- 01
Lokale Suchintention klären
Prüfe, ob Tutorial, Vorlage, Exporteinstellung oder Reporting-Beispiel gesucht wird, bevor du das Chart wählst.
- 02
Austauschbare CSV vorbereiten
Eine Kopfzeile, kurze Labels, konsistente Einheiten und keine störenden Summen oder Notizen machen das Beispiel wiederverwendbar.
- 03
Chart-Muster wählen
Starte mit der Frage: Ranking, Trend, Vergleich, Anteil, Flow oder Beziehung. Nutze Bewegte Blasen-Timeline, wenn diese Beziehung sofort sichtbar wird.
- 04
Sichtbare Aussage schreiben
Platziere Fazit, Einheit und Zeitraum nahe am Chart, damit das Schlussbild auch in Suche, Social oder Bericht funktioniert.
- 05
Bewegung lesbar machen
Verlangsame bei Spitzenreitern, Kreuzungen, Ausreißern und Endwerten. Bewegung soll führen, nicht schmücken.
- 06
Für das Ziel exportieren
MP4 oder WebM für Bewegung, PNG für PDFs, E-Mails, Vorschauen und Reduced-Motion-Kontexte.
02 Visuelle Beispiele
Diese Chart-Vorlagen testen
Bewegung und Lesemuster vergleichen, bevor Sie sich auf ein Format festlegen. Jedes Beispiel öffnet als editierbarer, datengesteuerter Chart.
Animiertes Sunburst-Diagramm
Anteil
Animiertes Sunburst-Diagramm
Verschachtelte Ringe entfalten sich vom Zentrum nach außen und zeigen hierarchische Zusammensetzung und Beiträge.
Diese Vorlage nutzenKraftbasiertes Netzwerk
Vergleich
Kraftbasiertes Netzwerk
Gewichtete Beziehungen werden gezeichnet, während verbundene Knoten in einem entspannten Netzwerk zur Ruhe kommen.
Diese Vorlage nutzenAnimierte Gantt-Timeline
Trend
Animierte Gantt-Timeline
Projektbalken bauen sich auf einer gemeinsamen Zeitachse mit Fortschritt und gestaffelter Aufgabenanzeige auf.
Diese Vorlage nutzen03 Anwenden
Verwandte Anwendungen
04 Häufige Fragen
Häufige Fragen
Für wen ist Bewegte Blasen, Sunbursts, Netzwerke und Gantt-Charts erstellen gedacht?
Für Teams, die CSV- oder Tabellen-Daten in wiederverwendbare animierte Charts für Reports, Produktseiten, Social Posts oder Präsentationen verwandeln.
Mit welchem Chart sollte ich starten?
Starte mit der Vorlage Bewegte Blasen-Timeline, wenn sie zur Datenbeziehung passt. Wenn die Frage anders ist, wechsle die Vorlage vor dem Styling.
Welches Format sollte ich exportieren?
MP4 für breite Kompatibilität, WebM fürs Web, GIF nur für kurze stille Loops und PNG als statisches Schlussbild.