Eine Tabelle aus einer Tabellenkalkulation einfügen, ein Balken-, Linien-, Kreis- oder Ringdiagramm wählen und ein PNG oder SVG exportieren – vollständig in Ihrem Browser gezeichnet.
Diagramm erstellen – online
Eine Tabelle aus einer Tabellenkalkulation einfügen, ein Balken-, Linien-, Kreis- oder Ringdiagramm wählen und ein PNG oder SVG exportieren – vollständig in Ihrem Browser gezeichnet.
Die Tabelle, die Vorschau und beide Exporte bleiben in diesem Tab. Ihre Zahlen werden nie hochgeladen, daher lassen sich auch vertrauliche Werte bedenkenlos als Diagramm darstellen.
Aus einer Zahlentabelle wird hier ein Diagramm, das Sie direkt in einen Bericht, eine Folie oder ein Dokument übernehmen können. Fügen Sie Zellen aus Excel oder Google Sheets ein oder tippen Sie in die Tabelle: Das Tool erkennt das Trennzeichen, findet die Kopfzeile und liest 1,234.50, 45% und $99 als einfache Zahlen. Wählen Sie gruppierte, gestapelte oder horizontale Balken, ein Linien-, Flächen-, Kreis- oder Ringdiagramm und passen Sie dann Titel, Legende, Werteformat, Farben und Größe der Zeichenfläche an, während sich die Vorschau aktualisiert. Die Achsenskalen verwenden runde Schritte von 1, 2 oder 5, damit sich die Teilstrichbeschriftungen sauber lesen, und Balken und Flächen beginnen immer bei null. Exportieren Sie ein PNG, auf Wunsch transparent, oder ein Vektor-SVG, das in jeder Größe scharf bleibt. Alles wird auf Ihrem Gerät gezeichnet.
Funktionen
Sieben Diagrammtypen: gruppierte, gestapelte und horizontale Balken, Linie, Fläche, Kreis und Ring
Einfügen aus Excel oder Google Sheets – Daten mit Tabulator, Komma oder Semikolon, Felder in Anführungszeichen und eine Kopfzeile werden automatisch erkannt
Liest 1,234.50, 45%, $99 und (200) als Zahlen; Text oder leere Zellen werden einfach zu Lücken
Achsenteilungen in runden Schritten von 1, 2 oder 5, bei Balken und Flächen immer mit null
Werteformate: einfach, mit Tausendertrennzeichen, Prozent oder einem Währungssymbol Ihrer Wahl
Sechs Farbpaletten und ein Farbwähler für jede Datenreihe oder jedes Segment
Extras für Kreis- und Ringdiagramme: Segmente sortieren, Startwinkel, Lochgröße und Prozentbeschriftungen
PNG in bis zu doppelter Größe der Zeichenfläche auf einfarbigem oder transparentem Hintergrund, Vektor-SVG oder das Bild in die Zwischenablage kopieren
So verwendest du Diagramm erstellen
Zellen aus einer Tabellenkalkulation in das Feld Paste data einfügen oder in die Tabelle tippen – die erste Spalte enthält die Beschriftungen, jede weitere Spalte ist eine Datenreihe
Einen Diagrammtyp wählen, dann Titel, Achsentitel, Legende und Werteformat festlegen
Farbpalette, Farben der Datenreihen, Schriftgröße und Größe der Zeichenfläche anpassen, während sich die Vorschau aktualisiert
Das PNG oder SVG herunterladen oder das PNG in die Zwischenablage kopieren
Beispiel
Eingabe
Quarter Online In store
Q1 120 90
Q2 150 110
Q3 170 130
Q4 210 160
Ausgabe
Bar chart · 800×500 · SVG 4.5 KB
2 series (Online, In store) · 4 categories · legend at the bottom
Eine Tabelle mit vier Zeilen, direkt aus einer Tabellenkalkulation eingefügt: Die Tabulatoren, die Kopfzeile und die beiden Datenreihen werden ohne jede Einrichtung erkannt.
Häufige Fehler & Fehlerbehebung
Eine Zahlenspalte fehlt im Diagramm. — Nur Zellen, die sich als Zahlen lesen lassen, werden dargestellt. Text wie n/a oder ein Strich wird zu einer Lücke, und eine eingefügte Spalte ganz ohne Zahlen wird verworfen. Zellen, die keine Zahlen sind, sind in der Tabelle rot umrandet.
Die eingefügten Daten sind in einer einzigen Spalte gelandet. — Zwischen den Werten stand weder ein Tabulator noch ein Komma oder Semikolon – meist liegt es an Spalten, die durch mehrere Leerzeichen getrennt sind. Kopieren Sie die Zellen direkt aus der Tabellenkalkulation oder setzen Sie Kommas zwischen die Werte.
Die erste Zahlenzeile wurde zur Kopfzeile, oder die Kopfzeile wurde zur Datenzeile. — Die Kopfzeile wird automatisch erkannt. Stellen Sie die Auswahl Header row im Einfügefeld auf Yes oder No, um die Erkennung zu erzwingen.
In einem überfüllten Diagramm fehlen Wertebeschriftungen. — Beschriftungen, die sich überlappen würden, werden absichtlich weggelassen. Nutzen Sie eine breitere Zeichenfläche, eine kleinere Schrift oder weniger Zeilen, oder lesen Sie die genauen Werte in der Tabelle ab.
Häufig gestellte Fragen
Wie füge ich Daten aus Excel oder Google Sheets ein, um ein Diagramm zu erstellen?
Markieren Sie die Zellen in der Tabellenkalkulation und kopieren Sie sie, drücken Sie dann auf Paste data und fügen Sie sie ein. Durch Tabulatoren getrennte Zellen aus Excel und Sheets werden automatisch erkannt, samt Kopfzeile, und die Tabelle füllt sich. Sie können einen Block auch direkt in eine beliebige Zelle der Tabelle einfügen.
Welchen Diagrammtyp sollte ich für meine Daten wählen?
Balken vergleichen Kategorien, und gestapelte Balken zeigen, wie sich Teile zu einer Summe addieren. Horizontale Balken eignen sich für lange Beschriftungen. Linien und Flächen zeigen Veränderungen über die Zeit. Kreis- und Ringdiagramme zeigen Anteile an einem Ganzen und lesen sich am besten mit weniger als etwa sieben Segmenten.
Wie exportiere ich ein Diagramm mit transparentem Hintergrund als PNG?
Stellen Sie Background auf „Transparent (dark text)“ für helle Seiten oder auf „Transparent (light text)“ für dunkle Folien und laden Sie dann das PNG herunter. Das Schachbrettmuster hinter der Vorschau ist nur eine Orientierung – die exportierte Datei hat einen echten Alphakanal.
Wofür eignet sich der SVG-Export von Diagrammen?
Er liefert Vektorgrafik, die in jeder Größe scharf bleibt, und der Text bleibt bearbeitbarer Text. Das passt für Druck, Design-Werkzeuge wie Figma, Illustrator und Inkscape sowie für Websites. Nimmt eine App kein SVG an, wie viele Upload-Formulare und Chat-Apps, nutzen Sie stattdessen das PNG.
Kann ich die Farben einzelner Datenreihen oder Segmente ändern?
Ja. Wählen Sie eine von sechs Farbpaletten oder nutzen Sie den Farbwähler neben einer beliebigen Datenreihe – oder neben einem beliebigen Segment im Kreisdiagramm –, um eigene Farben festzulegen. Reset colours kehrt zur Farbpalette zurück.
Wie viele Zeilen und Datenreihen sind pro Diagramm möglich?
Bis zu 200 Zeilen und 12 Datenspalten pro Diagramm, was schon mehr ist, als ein Diagramm lesbar darstellen kann. Eine größere Einfügung wird auf diese Grenzen gekürzt, und eine Meldung weist darauf hin.
Verwandte Tools
CSV zu JSON — CSV oder TSV mit Typerkennung und Verschachtelung in sauberes JSON verwandeln.
JSON zu CSV — Konvertiere ein Array flacher JSON-Objekte in CSV.
Statistikrechner — Mittelwert, Median, Modus, Standardabweichung und Quartile sofort.
Prozentrechner — Berechne X% von Y, wie viel Prozent eine Zahl von einer anderen ist, und die prozentuale Änderung.
Markdown Table Generator — Baue Markdown-Tabellen in einem Raster und exportiere GFM, HTML, AsciiDoc, reST oder LaTeX.
SVG zu PNG — SVG-Markup oder eine .svg-Datei in jeder Skalierung zu PNG oder JPG rastern.
Wortwolken-Generator — Text einfügen und eine Wortwolke erzeugen – Stoppwörter filtern, Formen und Farben wählen, als PNG oder SVG laden.
Weitere Bilder-Tools
Bildoptimierer — Bilder neu kodieren und verkleinern (JPEG/WebP/PNG), mit optionaler Größenänderung.
Bildformat-Konverter — Konvertiere Bilder zwischen PNG, JPEG und WebP – vollständig in deinem Browser.
EXIF-Viewer & -Entferner — Zeige EXIF-Metadaten (inkl. GPS) von Fotos an und entferne sie; nichts wird hochgeladen.
Base64-Bild-Encoder / -Decoder — Wandle Bilder in Base64-Data-URIs mit HTML- und CSS-Snippets um oder decodiere einen Data URI in ein herunterladbares Bild.
App-Icon-Generator — Verwandle ein Bild in jede iOS-, macOS- und Android-App-Icon-Größe — als ZIP, in deinem Browser.
Sprite-Sheet-CSS-Animation — Ein sprite sheet in eine kopierfertige CSS-steps()-Animation mit Live-Vorschau verwandeln.
SVG zu PNG — SVG-Markup oder eine .svg-Datei in jeder Skalierung zu PNG oder JPG rastern.
Bild-Farbwähler — Über ein Bild fahren und einen Pixel als HEX, RGB und HSL greifen.
Color Format Converter — Jede CSS-Farbe zugleich zu HEX, RGB, HSL, OKLCH und mehr konvertieren.
Barcode Generator — EAN-, UPC-, Code 128- und ITF-14-Barcodes erzeugen und als SVG oder PNG laden.
Bild-Farbpaletten-Extractor — Extrahiere die dominante Farbe und eine Palette als HEX, RGB, HSL, CSS und Tailwind.