16 Min.
Wenn Sie nur eines lesen
Verwenden Sie die Striche von Rough.j zum Kommentieren und Hervorheben – überzeugen Sie durch menschlich aussehende Zeichen, nicht durch Chrom.
Kernaussagen
Rough.js-Anmerkung kodiert Werte als unvollkommene Striche und Füllungen als Aufmerksamkeitshinweise. Rough.js brachte steuerbares Skizzen-Rendering ins offene Web. In Berichten, Anzeigen und Aufgaben: Erklär-Highlights, Anzeigenkonzept-Frames, Lehrhinweise. Meiden, wenn dichter quantitativer Vergleich, der genaue Längen erfordert. Diese Seite buendelt Anatomie, Passung, Handwerk, Fehlerbilder und Rezepte fuer Arbeit, Anzeigen und Schule zu Rough.js-Anmerkung.
Zum Abschnitt
Zurück
Observable Plot-Kit
Weiter
Sankey Flow-Geschichten
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 Verwenden Sie die Striche von Rough.j zum Kommentieren und Hervorheben – überzeugen Sie durch menschlich aussehende Zeichen, nicht durch Chrom.
Diese Seite drucken
Kernwerte Klarheit 74 Ueberzeugung 88 Dichte 30 Handwerkskosten 34 Schulpassung 70 Arbeitspassung 68 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.
01
Rough.js-Anmerkung Rough.js-Anmerkung kodiert Werte als unvollkommene Striche und Füllungen als Aufmerksamkeitshinweise. Rough.js brachte steuerbares Skizzen-Rendering ins offene Web.
In Berichten, Anzeigen und Aufgaben: Erklär-Highlights, Anzeigenkonzept-Frames, Lehrhinweise. Meiden, wenn dichter quantitativer Vergleich, der genaue Längen erfordert.
Diese Seite buendelt Anatomie, Passung, Handwerk, Fehlerbilder und Rezepte fuer Arbeit, Anzeigen und Schule zu Rough.js-Anmerkung.
So zeigt sich Rough.js-Anmerkung 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 Rough.js-Anmerkung 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 Rough.js-Anmerkung
Seit 2017
Kodiert unvollkommene Striche und…
Gut fuer Erklär-Highlights,…
Meiden dichter quantitativer…
Studio Wege
Häufige Fragen Wann waehle ich Rough.js-Anmerkung? Wenn die Geschichte so lautet: Erklär-Highlights, Anzeigenkonzept-Frames, Lehrhinweise.
Wann meide ich es? In Faellen wie: dichter quantitativer Vergleich, der genaue Längen erfordert.
Wer hat es erfunden oder bekannt gemacht? Rough.js brachte steuerbares Skizzen-Rendering ins offene Web
Was kodiert es? unvollkommene Striche und Füllungen als Aufmerksamkeitshinweise
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