16 Min.
Wenn Sie nur eines lesen
Deklarieren Sie Codierungen in JSON mit Vega-Lite – reproduzierbare Diagramme, die die Grammatik von Grafiken vermitteln.
Kernaussagen
Vega-Lite-Grammatik kodiert Werte als Einheitenspezifikationen der Markierungs- und Codierungskanäle. Vega-Lite vom University of Washington Interactive Data Lab. In Berichten, Anzeigen und Aufgaben: reproduzierbare Analysefiguren, Lehrkodierungen, Notizbücher. Meiden, wenn Sie benötigen nur einen Einwegriegel für eine Besprechungseinladung. Diese Seite buendelt Anatomie, Passung, Handwerk, Fehlerbilder und Rezepte fuer Arbeit, Anzeigen und Schule zu Vega-Lite-Grammatik.
Zum Abschnitt
Zurück
D3-Sonderanfertigung
Weiter
Observable Plot-Kit
Lokale Systeme
BCP-47 + CSV de-DE; CSV mit ; und 1.200-Gruppierung.
Zahlenformat 1.200-Gruppierung ist nicht universell.
Studio-Download SVG/PNG bleiben lokal; nichts wird hochgeladen. Lokale Beispiele Lokale Beispieltabelle vor CSV-Import ansehen. Studio nach dem Chooser öffnen. Lokale FAQ Lädt Make meine CSV hoch? Nein — Parsing bleibt im Browser.
Warum wirkt eine EU-CSV falsch? Trenner und Tausendergruppen differieren; siehe Make-Hinweis.
Lokale Begriffe
Chooser Form vor dem Studio wählen.
Make Kleines CSV/Tabelle zum Startvisual.
Studio Browser-Editor — SVG/PNG lokal. Lokale Systeme
BCP-47 + CSV de-DE; CSV mit ; und 1.200-Gruppierung.
Zahlenformat 1.200-Gruppierung ist nicht universell.
Studio-Download SVG/PNG bleiben lokal; nichts wird hochgeladen. Lokale Beispiele Lokale Beispieltabelle vor CSV-Import ansehen. Studio nach dem Chooser öffnen. Lokale FAQ Lädt Make meine CSV hoch? Nein — Parsing bleibt im Browser.
Warum wirkt eine EU-CSV falsch? Trenner und Tausendergruppen differieren; siehe Make-Hinweis.
Lokale Begriffe
Chooser Form vor dem Studio wählen.
Make Kleines CSV/Tabelle zum Startvisual.
Studio Browser-Editor — SVG/PNG lokal. Quellen Editorial atlas Locale pack Licensed media Lokale Institutionen
WCAG-Kontrastleitfaden A11y-Baselines für Farbe und Text.
Style Guides / Brand Kits Palette und Schrift können Studio-Defaults überschreiben.
Datenethik-/Offenlegungspolitik Quellenangaben und Truncation-Ehrlichkeit liegen beim Publisher. Mythen vs Fakten 3D sieht immer professioneller aus → Perspektivverzerrung schadet dem Vergleich; flache Encodings lesen sauberer. Mehr Tinte = mehr Insight → Chartjunk konkurriert mit dem Datensignal. Studio-Export braucht keinen Review → Vor Publish immer Kontrast, Labels und Quellen prüfen. Vertiefte FAQ Ersetzt das Studio eine volle Design-Suite? Nein. Fokussierter Viz-Craft-Workspace mit ehrlichen Defaults.
Kür Scores den „besten“ Chart? Nein. Redaktionelle Browse-Meter für Craft-Dimensionen.
Garantiert das Studio WCAG-Pass? Nein. Defaults helfen; finaler Kontrast und Semantik brauchen Review.
Sind Tortendiagramme immer schlecht? Oft missbraucht bei vielen Kategorien; kleine Teil-Ganz-Sets können vorsichtig funktionieren.
Checkliste
1 Frage notieren, die das Viz beantworten muss.
2 Beim Vergleich Position/Länge bevorzugen.
3 Vor Publish Kontrast prüfen.
4 Studio früh öffnen; Marks iterieren, nicht Themes. Wichtiger Hinweis Kein Compliance-Stempel. Farbe, Kontrast und Datenintegrität brauchen menschliche Prüfung.
Redaktionelle Tiefe Redaktionelle Meter vergleichen Klarheit und Nutzen — keine „Best-Chart“-Trophäen. Auf VS fragen, welches Encoding unter Ihrer Datenform weniger lügt.
Tiefere Quellen Grammar of Graphics / perzeptuelle Encodings WCAG-Kontrastdokumentation Tool-Lifes Viz-Studio-Qualitätsnotizen Wichtiger Hinweis Kein Compliance-Stempel. Farbe, Kontrast und Datenintegrität brauchen menschliche Prüfung.
Fur wen Deklarieren Sie Codierungen in JSON mit Vega-Lite – reproduzierbare Diagramme, die die Grammatik von Grafiken vermitteln.
Diese Seite drucken
Kernwerte Klarheit 76 Ueberzeugung 48 Dichte 80 Handwerkskosten 62 Schulpassung 70 Arbeitspassung 78 Balkendiagramm Liniendiagramm Kreis- und Ringdiagramm Streudiagramm Viz wählen Form wählen — Mit der Frage starten, nicht mit hübscher Vorlage.Kodieren, dann dekorieren — Position und Länge zuerst; Tinte und Effekte zuletzt.Kontrast prüfen — Studio-Defaults helfen, WCAG bleibt vor Publish Pflicht.Studio breit öffnen — Verbreiterten Workspace nutzen, Marks iterieren ohne Panel-Gedränge.Praktische Werkzeuge Viz-Studio öffnen
Seite nutzen Form wählen — Mit der Frage starten, nicht mit hübscher Vorlage. Kodieren, dann dekorieren — Position und Länge zuerst; Tinte und Effekte zuletzt. Kontrast prüfen — Studio-Defaults helfen, WCAG bleibt vor Publish Pflicht.
Vega-Lite-Grammatik Vega-Lite-Grammatik kodiert Werte als Einheitenspezifikationen der Markierungs- und Codierungskanäle. Vega-Lite vom University of Washington Interactive Data Lab.
In Berichten, Anzeigen und Aufgaben: reproduzierbare Analysefiguren, Lehrkodierungen, Notizbücher. Meiden, wenn Sie benötigen nur einen Einwegriegel für eine Besprechungseinladung.
Diese Seite buendelt Anatomie, Passung, Handwerk, Fehlerbilder und Rezepte fuer Arbeit, Anzeigen und Schule zu Vega-Lite-Grammatik.
So zeigt sich Vega-Lite-Grammatik hier
Excel oder Google Tabellen und PowerPoint teilen diese Geometrie. Eine Behauptung pro Folie; SVG oder PDF exportieren, keinen Screenshot.
In Meta, Google und Print sprechen zuerst eine Zahl und eine Form. Passt Vega-Lite-Grammatik nicht ins Banner, Zahl behalten und das Diagramm auf der Landing zeigen.
Fuer Laborberichte und Plakate die Form waehlen, die die Rubrik beantwortet. Achsen, Einheiten und eine Quellenzeile werden gelesen.
Form Vega-Lite-Grammatik
Seit 2016
Kodiert Einheitenspezifikationen…
Gut fuer reproduzierbare…
Meiden Sie benötigen nur einen…
Studio Wege
Häufige Fragen Wann waehle ich Vega-Lite-Grammatik? Wenn die Geschichte so lautet: reproduzierbare Analysefiguren, Lehrkodierungen, Notizbücher.
Wann meide ich es? In Faellen wie: Sie benötigen nur einen Einwegriegel für eine Besprechungseinladung.
Wer hat es erfunden oder bekannt gemacht? Vega-Lite vom University of Washington Interactive Data Lab
Was kodiert es? Einheitenspezifikationen der Markierungs- und Codierungskanäle
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.
Welches Werkzeug? Excel oder Google Tabellen oder PowerPoint; SVG/PDF exportieren.
Wie bleibt es barrierefrei? Nicht nur auf Farbton setzen. Direkt beschriften und Grau pruefen.
Studio-Editor →
Welches Visual?
Formen vergleichen
Visual aus einer Datei machen