Chart-Maker — Web-App zur Erstellung von Diagrammen und Grafiken im Browser

Online- / Offline-Generator, 29 Diagrammtypen, Export in PNG JPEG WEBP AVIF SVG, Protokoll, detaillierte Anleitung, App-Installation

Für Benutzer Anwendungen
Chart-Maker App
Für Entwickler Bibliotheken
Chart-Maker Bibliotheken
Diagrammeinstellungen
Erweitert
JSON
Vorschau
Bedienung — ausführliche Anleitung

Das Panel «Diagrammeinstellungen» enthält alle Bedienelemente; daneben aktualisiert sich eine Live-Vorschau bei jeder Änderung automatisch. Auf breiten Bildschirmen stehen beide nebeneinander, auf dem Handy untereinander — die Vorschau unter den Einstellungen.

Ablauf: 1) Diagrammtyp wählen; 2) Titel und Datensatzname eingeben; 3) Daten in der Tabelle unten ausfüllen; 4) bei Bedarf rückgängig machen oder wiederholen; 5) «Export» öffnen, um ein Bild herunterzuladen oder das Projekt zu speichern.

Es gibt 29 Typen, gruppiert danach, wie ihre Daten eingegeben werden:

  • Bezeichnung / Wert: Balken, Linie, Fläche, horizontale Balken, Kreis, Ring, Radar, Polarfläche, Wortwolke.
  • X / Y-Punkte: Streudiagramm (X, Y), Blase (X, Y, Größe).
  • Mehrere Datensätze: gestapelt, gruppiert, mehrere Linien, kombiniert (jeder Datensatz ist ein Balken oder eine Linie).
  • Kategorie und Werteliste: Boxplot, Violine.
  • Hierarchie: Treemap (Bezeichnung, Wert, Gruppe).
  • Raster: Heatmap (X, Y, Wert).
  • Flüsse: Sankey (von, nach, Fluss).
  • Karte: Choroplethenkarte (Land aus einer Liste, Wert).
  • Balken mit Fehlerbalken
  • Kerzen / OHLC
  • Trichter
  • Venn
  • Graph (Netzwerk)
  • Messuhr
  • Funktion (y = f(x))

Die Datentabelle passt sich dem gewählten Typ an. «Zeile hinzufügen» fügt einen Eintrag hinzu, das Kreuz entfernt einen.

  • Bezeichnung / Wert: eine Bezeichnung und eine Zahl.
  • Punkte: X und Y (Blase hat zusätzlich Größe).
  • Mehrere Datensätze: Kategorien durch Komma getrennt, die Werte jedes Datensatzes als durch Komma getrennte Zahlenliste; bei Kombiniert wird jeder Datensatz auf Balken oder Linie gesetzt.
  • Boxplot / Violine: eine durch Komma getrennte Zahlenliste im Wertefeld.
  • Heatmap: X, Y (Kategorien) und ein Wert.
  • Sankey: von, nach und die Flussmenge.
  • Choroplethenkarte: das Land wird aus einer Dropdown-Liste gewählt (Namen in der Oberflächensprache), plus ein Wert.
  • Balken mit Fehlerbalken: Bezeichnung, Wert, Fehler.
  • Kerzen / OHLC: Datum, O/H/L/C.
  • Trichter: Bezeichnung, Wert.
  • Venn: Mengen (kommagetrennt), Wert.
  • Graph (Netzwerk): Knoten (kommagetrennt), Von/Nach.
  • Messuhr: Wert, Max.
  • Der Typ Funktion zeichnet y = f(x). Geben Sie einen Ausdruck ein — z. B. sin(x), x^2, sqrt(x) — den X-Bereich (Min und Max) und die Punktanzahl. Funktion wertet den Ausdruck aus und zeichnet die Kurve; die Formel erscheint auch in der Datenliste unter dem Diagramm.

Die Schaltfläche «Export» öffnet ein Fenster.

  • Format: PNG, JPEG, WEBP, AVIF (ein echtes Format, im Browser kodiert — der Encoder wird bei der ersten Verwendung geladen) und SVG (Vektor).
  • Breite und Höhe — Bildgröße in Pixel; leer bedeutet die aktuelle Diagrammgröße.
  • Bild herunterladen — speichert das Bild; ein Hintergrund und die Datenliste unter dem Diagramm werden hinzugefügt.
  • Projekt speichern — eine .json-Datei mit allen Einstellungen; das Kontrollkästchen «Verlauf und Protokoll einschließen» fügt sie der Datei hinzu.
  • in Kombi/Multi kann jeder Datensatz die linke oder rechte Y-Achse nutzen.

Die Schaltfläche «Import» öffnet ein Fenster mit einem Bereich, in den Sie eine .json-Projektdatei ziehen oder zum Auswählen klicken können. Nach der Auswahl wird die Schaltfläche «Projekt anwenden» aktiv und lädt die Einstellungen (sowie Verlauf und Protokoll, falls gespeichert).

  • Strg/Cmd + Z — rückgängig
  • Strg/Cmd + Y oder Strg/Cmd + Umschalt + Z — wiederholen
  • Strg/Cmd + S — Projekt speichern
  • Strg/Cmd + E — Export-Fenster
  • Strg/Cmd + O — Import-Fenster
  • Strg/Cmd + J — Protokoll
  • Strg/Cmd + , — Einstellungen

In Eingabefeldern funktionieren Strg+Z und Strg+Y als normale Textbearbeitung.

  • Rückgängig / Wiederholen: Änderungen an Daten und Einstellungen zurücknehmen und wiederherstellen.
  • Protokoll: hält Aktionen, Hinweise und Fehler fest; es kann geleert werden.

Der Bereich «Erweitert» über der Datentabelle fasst optionale Einstellungen zusammen: Untertitel; Linienglättung, Stufen-, gestrichelte und gefüllte Linien; gestapelte und logarithmische Y-Achse; Dezimierung; Legendenposition; Punktgröße und Linienstärke; Animationsdauer und -übergang; sowie Effekte bei Bedarf — Datenbeschriftungen, Zoom/Verschieben, Anmerkungen, Trendlinie und Fadenkreuz. In Kombi- und Multi-Diagrammen kann jeder Datensatz die linke oder rechte Y-Achse nutzen. Jede Option erscheint nur für passende Typen.