Zum Inhalt springen
Musterli

SVG-Diagramme

Platzhalter-Diagramme mit Zufallsdaten für Mockups: Linien, Flächen und Balken. Als SVG oder Bild exportieren.

Generator öffnen

Läuft direkt in deinem Browser. Deine Grafiken entstehen auf deinem Gerät.

Beispielmotiv aus dem SVG-Diagramme

Mit einem Preset starten

Wähle ein Preset, es öffnet sich direkt im Editor. Dort passt du alles an.

Worum geht’s?

SVG-Diagramme sind Platzhalter-Charts mit Zufallsdaten. Du brauchst sie für Mockups, Präsentationen, Landingpages und App-Entwürfe, wenn echte Zahlen fehlen oder nicht gezeigt werden sollen.

So geht’s

Wähle Linie, Fläche oder Balken, lege Anzahl Datenreihen und Datenpunkte fest und stelle Trend und Schwankung ein. Achsen und Hilfslinien schaltest du ein oder aus. Mit der Leertaste entstehen neue Daten. Exportiere als SVG, CSS oder Bild.

SVG-Diagramme jetzt ausprobieren

Häufige Fragen

Kann ich eigene Daten eingeben?
Nein, das Tool erzeugt bewusst Zufallsdaten für Entwürfe. Mit Trend und Schwankung steuerst du, ob die Kurve steigt, fällt oder stark ausschlägt.
Warum hat das Diagramm keine Beschriftungen?
Ohne Text sieht das SVG in jedem Programm gleich aus und braucht keine Schriften. Beschriftungen ergänzt du im Layout, zum Beispiel in Figma.
Bleiben die Daten gleich, wenn ich den Stil ändere?
Ja. Die Daten hängen vom Seed ab. Diagrammtyp, Farben, Achsen und Glättung kannst du ändern, ohne dass sich die Werte ändern.
Wie bekomme ich neue Zufallsdaten?
Drücke die Leertaste. Typ, Datenreihen und Stil bleiben, Daten, Trend und Farben werden neu gewürfelt. Mit dem Schloss hältst du einzelne Werte fest.

Passende Generatoren

Alle Generatoren in Hintergründe