Diagramm online erstellen

Diagramm aus eigenen Daten online erstellen

Mit diesem Tool können Sie in wenigen Sekunden ein Diagramm online erstellen: Säulendiagramm, Balkendiagramm, gestapeltes Säulendiagramm, Liniendiagramm, Flächendiagramm, Kreisdiagramm oder Ringdiagramm. Tippen Sie Ihre Zahlen in die Tabelle (bis zu 50 Zeilen und 6 Reihen) oder fügen Sie einen aus Excel, Google Tabellen oder einer CSV-Datei kopierten Bereich ein. Die Vorschau aktualisiert sich bei jeder Eingabe, das Ergebnis lässt sich als PNG oder SVG herunterladen oder in die Zwischenablage kopieren.

Ohne Tabellenkalkulation und ohne Konto: ideal, um ein Referat, eine Haus- oder Abschlussarbeit zu illustrieren, eine Folie für ein Meeting vorzubereiten, eine Grafik auf LinkedIn oder Instagram zu posten oder Umsatz und Budget eines kleinen Betriebs im Blick zu behalten. Die Bilder sind sauber, ohne Wasserzeichen, mit runden Achsenwerten und deutschen Zahlenformaten (1.234,5; 12 %).

1. Diagrammtyp wählen

   Klicken Sie auf Säulen, Balken, Gestapelte Säulen, Linie, Fläche, Kreis oder Ring. Kreis- und Ringdiagramm verwenden die erste Reihe der Tabelle.

2. Daten eingeben oder einfügen

   Füllen Sie im Reiter „Daten“ die Tabelle aus (Beschriftungen in Spalte 1, eine Spalte pro Reihe) oder öffnen Sie „Tabelle einfügen“ und klicken Sie auf „Importieren und ersetzen“. „Zeile hinzufügen“, „Reihe hinzufügen“ und „Zeilen und Spalten tauschen“ ordnen die Tabelle neu.

3. Titel und Gestaltung festlegen

   Im Reiter „Titel und Achsen“ legen Sie Titel, Untertitel und Achsentitel fest; „Gestaltung“ steuert Farben, Legende, Zahlenformat (Präfix, Suffix, Dezimalstellen), Schriftgröße und die Anzeige der Werte.

4. Bild exportieren

   Wählen Sie die „Bildgröße“ (16:9, quadratisch, Hochformat oder 4:3) und den „Hintergrund“ und klicken Sie dann auf „PNG herunterladen“, „SVG herunterladen“ oder „Bild kopieren“, um das Bild in ein Dokument einzufügen.

So entsteht das Diagramm

Das Diagramm wird als SVG von einer eigens für diese Website geschriebenen Zeichen-Engine erzeugt, ohne fremde Bibliothek. Skalen, Beschriftungen und Farben werden bei jeder Änderung neu berechnet, damit das Bild bei jeder Datenmenge lesbar bleibt.

• Runde Achsenwerte: Der Abstand zwischen Gitterlinien beträgt das 1-, 2- oder 5-Fache einer Zehnerpotenz (0, 20, 40, 60, 80), nach dem „Nice Numbers“-Verfahren, das Paul Heckbert in Graphics Gems (1990) beschrieben hat.
• Nulllinie: Säulen und Balken beginnen immer bei null, weil ihre Länge proportional zum Wert sein muss; negative Werte reichen unter eine Grundlinie. Bei Linien und Flächen können Sie „Achse bei null beginnen“ abwählen, um Schwankungen besser zu sehen.
• Keine überlappenden Beschriftungen: Kategorien werden zweizeilig, um 45° geneigt oder nur jede zweite angezeigt, wenn der Platz knapp wird; kleine Kreissegmente erhalten eine Außenbeschriftung mit Verbindungslinie.
• Geglättete Linien: Mit der gleichnamigen Option läuft die monotone Interpolation (Verfahren nach Steffen) durch jeden Punkt, ohne Spitzen oder Täler zu erfinden, die es in den Daten nicht gibt.
• Lokalisierte Zahlen: deutsche Trennzeichen, im Automatikmodus Kurzschreibweise ab einer Million (1,2 Mio.), freies Präfix und Suffix (€, $, %, kg) mit dem üblichen geschützten Leerzeichen.
• Originalgetreuer Export: Das SVG nutzt feste Farbwerte und die Systemschrift; das PNG wird aus genau diesem SVG gerendert, exakt in der gewählten Größe (zum Beispiel 1200 × 675 Pixel) oder mit der Option für hohe Auflösung doppelt so groß (2400 × 1350).

Welches Diagramm passt zu Ihren Daten?

Wofür eignet sich dieser Diagramm-Generator?

• Schule und Studium: ein scharfes Diagramm für Referat, Facharbeit oder Bachelorarbeit, bereit zum Einfügen in Word oder Google Docs.
• Meetings und Präsentationen: 16:9-Format für PowerPoint oder Google Präsentationen, mit transparentem Hintergrund für farbige Vorlagen.
• Soziale Netzwerke: quadratisch 1080 × 1080 oder hochkant 1080 × 1350 für Instagram und LinkedIn, mit größerer Schrift über „Schriftgröße“.
• Kleinunternehmen oder Verein: Monatsumsatz, Budgetaufteilung, Besucherzahlen, ohne Software-Abo.
• Blog, Newsletter, Artikel: ein SVG von wenigen Kilobyte, gestochen scharf auf hochauflösenden Bildschirmen.

Häufige Fehler und Lösungen

• Reihen und Kategorien vertauscht: Stehen die Jahre statt der Monate auf der horizontalen Achse, klicken Sie auf „Zeilen und Spalten tauschen“.
• Rot markierte Zellen: Sie enthalten Text („12 kg“, „ca. 40“) und werden ignoriert; lassen Sie nur die Zahl stehen und tragen Sie die Einheit unter „Suffix“ ein.
• Kreisdiagramm mit zu vielen Segmenten: Ab sechs Segmenten kleine Werte in einer Zeile „Sonstige“ zusammenfassen oder auf Balken wechseln.
• Zu ähnliche Farben: Die Palette Violett nutzt Abstufungen eines einzigen Farbtons; ab vier Reihen besser „Kräftig (farbenblindgerecht)“ wählen oder per Klick auf das Farbfeld einer Reihe im Tabellenkopf eine eigene Farbe festlegen.
• Unlesbarer Text auf dem Handy: Für Social-Media-Grafiken ein quadratisches oder hochkantes Format und die Schriftgröße „Groß“ wählen.

Alles wird in Ihrem Browser berechnet: Ihre Daten verlassen nie Ihr Gerät, ein Konto ist nicht nötig. Eine lokale Kopie des letzten Diagramms wird im Browserspeicher abgelegt (die Schaltfläche „Beispiel“ löscht sie). Grenzen: 50 Zeilen und 6 Reihen (Zeilen und Spalten lassen sich daher nur bei höchstens 6 Zeilen tauschen); Kreis- und Ringdiagramm verwenden nur die erste Reihe und überspringen Null- oder Negativwerte; das SVG nutzt die Systemschrift und kann daher auf einem anderen Rechner leicht anders aussehen (das PNG dagegen ist fest).