Visuelle Chooser-Karten
Mit einem Blick wählen — die Tabelle bleibt für Suche und Screenreader.
| Thema | Familie | Nutzen wenn | Meiden wenn |
|---|---|---|---|
| ▮ Balkendiagramm | Diagramme | wenige Kategorien zu einem… | zu viele Kategorien, 3D… |
| 📈 Liniendiagramm | Diagramme | Trends, Saisonalität und… | ungeordnete Kategorien… |
| ◐ Kreis- und Ringdiagramm | Diagramme | zwei bis fünf Teile eines… | viele ähnliche Stücke, 3D… |
| ⚬ Streudiagramm | Diagramme | Korrelation, Ausreißer und… | eine Achse ist nicht… |
| ▦ Heatmap | Diagramme | Muster auf zwei… | genaue Zahlenabfrage oder… |
| 📶 Wasserfalldiagramm | Diagramme | GuV-Brücken, Budget vs… | die Story ist ein Trend,… |
| ▽ Trichterdiagramm | Diagramme | geordneter Schwund: Leads,… | Stufen sind keine… |
| ▭ Baumkarte | Diagramme | Teil-Ganzes mit vielen… | ähnliche Größen präzise… |
| 📶 Histogramm | Diagramme | eine stetige Messung und… | die Klassenbreiten… |
| ⇨ Flussdiagramm | Schaubilder | Entscheidungen, Schleifen… | die Struktur ist… |
| 🌳 Organigramm | Schaubilder | Berichtslinien, Gremien,… | die Arbeit fließt seitlich… |
| ✦ Mindmap | Schaubilder | Brainstorming,… | eine These mit geordneten… |
| ◯ Venn-Diagramm | Schaubilder | zwei oder drei Mengen mit… | vier plus Mengen, oder… |
| — Zeitstrahl | Schaubilder | geordnete Ereignisse,… | Mengenänderungen sind… |
| ▲ Geometrische Formen | Formen | Icons, Poster,… | Mengen encodieren: ein… |
| → Pfeile und Verbinder | Formen | Folge, Ursache,… | wenn alles einen Pfeil… |
| 💬 Callouts und Badges | Formen | Promos, nummerierte… | wenn das Badge die… |
| ▣ Infografik-Blöcke | Formen | Dashboards, Poster,… | wenn Kacheln verbergen,… |
| 🎨 Farbsysteme | Handwerk | Legenden, Marke,… | Regenbogen-Defaults oder… |
| ✒️ Daten-Tinte | Handwerk | Folien, Dashboards und… | ein Poster, das aus drei… |
| ♿ Barrierefreie Viz | Handwerk | öffentliche Dashboards,… | sich allein auf Rot/Grün… |
| 📁 Arbeitsberichte | Studio | Reviews, Budgetbrücken,… | eine einmalige Story mit… |
| 📣 Anzeigen und Creatives | Studio | Angebote, Apps, Poster,… | wenn die Behauptung ein… |
| 📚 Schulaufgaben | Studio | Laborberichte,… | nicht zuerst dekorieren —… |
| 🎬 Pitch-Decks | Studio | Fundraising,… | nicht das ganze Dashboard… |
| A11Y WCAG-Kontrastprüfung | Wege | UI-Typ, Folientitel,… | Beurteilung des… |
| PAL Paletten- und Waagenbauer | Wege | Choroplethen, Heatmaps,… | Regenbogenskalen auf… |
| Aa Typografie-Skala | Wege | Decks, Handzettel,… | Zufällige Punktgrößen pro… |
| GRID Folien- und Dokumentenraster | Wege | PowerPoint- oder… | Stapeln freischwebender… |
| CHOOSE Daten-zu-Diagramm-Entscheidung | Wege | ersten 60 Sekunden eines… | Wählen Sie ein Diagramm… |
| MM Meerjungfrau-Textdiagramme | Wege | Prozessdokumente,… | Pixelgenaue… |
| SEQ Sequenzdiagrammmuster | Wege | API-Abläufe,… | Eine einfache ungeordnete… |
| SKETCH Excalidraw-Skizzen-Drahtmodelle | Wege | Kickoffs, Brainstorming im… | endgültige Markenwerte,… |
| EC Apache ECharts-Dashboards | Wege | Operations-Dashboards,… | Ein einzelner statischer… |
| CJ Chart.js-Schnelldiagramme | Wege | interne Tools,… | Sie benötigen nur Karten,… |
| D3 D3-Sonderanfertigung | Wege | neuartige Formen,… | Eine Chart.js-Leiste… |
| VL Vega-Lite-Grammatik | Wege | reproduzierbare… | Sie benötigen nur einen… |
| PLOT Observable Plot-Kit | Wege | Analyseberichte,… | Sie müssen ein… |
| ROUGH Rough.js-Anmerkung | Wege | Erklär-Highlights,… | dichter quantitativer… |
| SANK Sankey Flow-Geschichten | Wege | Budgetallokation,… | Das Publikum braucht nur… |
| NET Netzwerkdiagrammkarten | Wege | Org-Einflusskarten,… | Ein einfaches Organigramm… |
| MAP Choropleth-Story-Maps | Wege | regionale Vergleiche,… | Rohzählungen ohne… |
| ICO Offene Symbolsysteme | Wege | Folien,… | Mischen von fünf… |
| CV Infografik-Rezept für den Lebenslauf | Wege | Studenten, Freiberufler,… | Es ist nur ATS-Klartext… |
| QBR Visuals zum vierteljährlichen Bericht | Wege | Manager, Gründer,… | Aus Angst vor Auslassungen… |
Passen beide Formen, nimm die mit der einfacheren Kodierung.