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

Online- / Offline-Generator, 21 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
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 21 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).

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.

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.

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.