Zum Inhalt springen Zu einem Abschnitt springen
Tool-Lifes

Grafiken machen — dann Handwerk

Öffnen Sie das Studio für Formen, Diagramme und Charts — oder blättern Sie 44 Formen in sieben Kapiteln. Server-SVG ohne JavaScript lesbar.

42 55 48 71 63 100

Studio · Make · Chooser — SVG/PNG im Browser.

Formenatlas Paletten Diagramm waehlen

Auf einen Blick

Hier starten

Kurze Wege ins Atlas — wählen Sie eines und folgen Sie sieben Abschnitten.

Viz-Studio öffnen

FAQ Visualisierung

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.

Studio

Atlas durchstöbern

📊 Diagramme

Balken, Linien, Kreise, Streu, Heat, Wasserfall, Trichter, Treemap.

🔀 Schaubilder

Fluss, Org, Mindmap, Venn, Zeitstrahl.

⬡ Formen

Geometrie, Pfeile, Callouts, Blöcke.

🎯 Handwerk

Farbe, Daten-Tinte, Barrierefreiheit.

✦ Studio

Berichte, Anzeigen, Schule, Pitch.

W Wege

Zwanzig praktische Playbooks – Contrast, Grids, Mermaid, ECharts, D3, Lucide und mehr – mit Lizenzen und GitHub-Links.

A11Y WCAG-Kontrastprüfung

Überprüfen Sie vor dem Versand den Text- und Hintergrundkontrast – der schnellste Gewinn bei der Barrierefreiheit für Folien, Websites und Poster.

Oeffnen →

PAL Paletten- und Waagenbauer

Erstellen Sie kategoriale, sequentielle und divergierende Paletten, die dem Drucken und der farbenblinden Betrachtung standhalten.

Oeffnen →

Aa Typografie-Skala

Wählen Sie eine modulare Schriftskala, damit Titel, Hauptteil und Bildunterschriften auf Folien und One-Pagern nicht mehr gegeneinander antreten.

Oeffnen →

GRID Folien- und Dokumentenraster

Richten Sie jeden Block an einem einfachen Raster aus, sodass Berichte, Pitches und Poster ohne Designer gewollt aussehen.

Oeffnen →

CHOOSE Daten-zu-Diagramm-Entscheidung

Ordnen Sie die Frage einer Kodierung zu – Vergleich, Trend, Teil-zu-Ganzes, Korrelation – bevor Sie ein Tool öffnen.

Oeffnen →

MM Meerjungfrau-Textdiagramme

Schreiben Sie ein Flussdiagramm oder eine Sequenz im Klartext – versionierbar, überprüfbar und kostenlos über Mermaid.

Oeffnen →

SEQ Sequenzdiagrammmuster

Zeigen Sie, wer im Laufe der Zeit mit wem spricht – das Büro- und Klassenzimmermuster für APIs, Übergaben und Protokolle.

Oeffnen →

SKETCH Excalidraw-Skizzen-Drahtmodelle

Skizzieren Sie die Idee vor dem Polieren mit Excalidraw – handgezeichnete Klarheit schlägt voreilige Pixelkunst.

Oeffnen →

EC Apache ECharts-Dashboards

Versenden Sie interaktive Office-Dashboards mit Apache ECharts – Apache-2.0, riesiger Diagrammkatalog, kein proprietäres Scraping.

Oeffnen →

CJ Chart.js-Schnelldiagramme

Fügen Sie Chart.js in eine Seite für ehrliche Balken und Linien ein, wenn Sie heute ein Webdiagramm und keine Plattform benötigen.

Oeffnen →

D3 D3-Sonderanfertigung

Greifen Sie zu D3, wenn die Codierung nicht in einer Vorlage vorhanden ist – volle Kontrolle, höhere Herstellungskosten.

Oeffnen →

VL Vega-Lite-Grammatik

Deklarieren Sie Codierungen in JSON mit Vega-Lite – reproduzierbare Diagramme, die die Grammatik von Grafiken vermitteln.

Oeffnen →

PLOT Observable Plot-Kit

Plotten Sie übersichtliche Tabellen mit Observable Plot – prägnant, ISC-lizenziert und benutzerfreundlich für Analyseerklärer.

Oeffnen →

ROUGH Rough.js-Anmerkung

Verwenden Sie die Striche von Rough.j zum Kommentieren und Hervorheben – überzeugen Sie durch menschlich aussehende Zeichen, nicht durch Chrom.

Oeffnen →

SANK Sankey Flow-Geschichten

Erzählen Sie mit einem Sankey, wie sich die Menge zwischen den Phasen bewegt – Budgets, Trichter und Energiegeschichten.

Oeffnen →

NET Netzwerkdiagrammkarten

Ordnen Sie Beziehungen als Knoten und Links – Teams, Zitate, Abhängigkeiten – mit offenen Diagrammbibliotheken zu.

Oeffnen →

MAP Choropleth-Story-Maps

Schattieren Sie Regionen nach einer bestimmten Rate – Wahlen, Gesundheit, Verkäufe – mit offenen Geostapeln und ehrlichen Farbskalen.

Oeffnen →

ICO Offene Symbolsysteme

Wählen Sie ein offenes Icon-Set und bleiben Sie dabei – konsistente Metaphern schlagen gemischte Cliparts in Decks und Produkten.

Oeffnen →

CV Infografik-Rezept für den Lebenslauf

Erstellen Sie einen einseitigen visuellen Lebenslauf: Raster, Schriftskala, ehrliche Fähigkeitsleisten, offene Symbole – kein Clipart-Dump.

Oeffnen →

QBR Visuals zum vierteljährlichen Bericht

Eine wiederholbare vierteljährliche Packung: Wasserfallbrücke, Trendlinien, kontrastsichere Schrift, eine Idee pro Folie.

Oeffnen →