Dunklere Zellen bedeuten einen hoeheren Wert auf dieser Kennzahl.
WenigerMehr
Zuletzt geprueft Quellen und CreditsMediennachweisMethodik
Kurze Antworten
Wann waehle ich Meerjungfrau-Textdiagramme?
Wenn die Geschichte so lautet: Prozessdokumente, Onboarding, Zuordnungslogik, PR-Erklärungen.
Wann meide ich es?
In Faellen wie: Pixelgenaue Markenillustrationen, die ein freihändiges Layout erfordern.
Wer hat es erfunden oder bekannt gemacht?
Mermaid (2014) hat Markdown-native Diagramme auf GitHub populär gemacht
Was kodiert es?
Textdiagrammsyntax, gerendert in SVG-Boxen und -Kanten
OK in Anzeigen?
Ja, wenn eine Behauptung in Meta, Google und Print auf einen Blick sichtbar ist; sonst zur vollstaendigen Figur verlinken.
Nimmt eine Lehrkraft es ab?
Ja fuer Laborberichte und Plakate, wenn Achsen, Einheiten und eine Quellenzeile da sind.
Meerjungfrau-Textdiagramme kodiert Werte als Textdiagrammsyntax, gerendert in SVG-Boxen und -Kanten. Mermaid (2014) hat Markdown-native Diagramme auf GitHub populär gemacht.
In Berichten, Anzeigen und Aufgaben: Prozessdokumente, Onboarding, Zuordnungslogik, PR-Erklärungen. Meiden, wenn Pixelgenaue Markenillustrationen, die ein freihändiges Layout erfordern.
Software
- Mermaid — Ablauf, Sequenz, Klasse, ER und mehr aus Text – MIT-lizenziert. · MIT · github.com/mermaid-js/mermaid
- Mermaid CLI — Rendern Sie Diagramme in CI ohne SaaS in SVG/PNG. · MIT · github.com/mermaid-js/mermaid-cli
- markdown-it — Wird oft gepaart, um Diagrammzäune in Dokumente einzubetten. · MIT · github.com/markdown-it/markdown-it
- GitHub markup notes — Erfahren Sie, wie Schmieden Mermaid in README-Dateien rendern. · MIT · github.com/github/markup
- Flow demo SVG — Statische Flussdiagramm-Lehrnoten in diesem Atlas. · CC0 examples · github.com/Tool-Lifes/viz-atlas
Export
- Export 1 — SVG
- Export 2 — PDF
- Export 3 — EMF/SVG in Folien (keine Screenshots)
- Export 4 — SVG fuers Web, PDF fuer den Druck
Barrierefreiheit
- Barrierefreiheit 1 — Nie Farbton allein. Muster, Label und Lage stapeln.
- Barrierefreiheit 2 — 4.5:1 fuer Text, 3:1 fuer grosse Marken.
- Barrierefreiheit 3 — Kurzer Alt-Text am Diagramm; Zahlen auch als HTML-Tabelle.
- Barrierefreiheit 4 — Bewegung nur als Betonung. prefers-reduced-motion achten.
Meerjungfrau-Textdiagramme: Textdiagrammsyntax, gerendert in SVG-Boxen und -Kanten ehren und wechseln, wenn Pixelgenaue Markenillustrationen, die ein freihändiges Layout erfordern.