<!DOCTYPE html>
<html lang="de">
<head>
<title>Online-Diagramm- und Grafikerstellung - Chartle.de</title>
<meta charset="utf-8">
<meta name="author" content="Zygomatic">
<!-- Programming by WebGear, webgear.nl -->
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://cdnjs.cloudflare.com">
<link rel="preconnect" href="https://www.googleanalytics.com">
<link rel="preconnect" href="https://adservice.google.com">
<link rel="preconnect" href="https://googleads.g.doubleclick.net">
<link rel="preconnect" href="https://pagead2.googlesyndication.com">
<link rel="preconnect" href="https://tpc.googlesyndication.com">
<link rel="preconnect" href="https://www.googletagservices.com">
<meta name="description" content="Chartle.de ist ein kostenloses Online-Tool, mit dem du deine eigenen Diagramme und Grafiken erstellen und gestalten kannst. Wir unterstützen Liniendiagramme, Balkendiagramme, Blasendiagramme, Torten- und Donutdiagramme sowie Streu-, Radar- und Polardiagramme. Wähle einen Diagrammtyp aus und gib Daten für dein Diagramm ein, und das Diagramm wird sofort erstellt. Du kannst alle Arten von Eigenschaften wie Farben, Beschriftungen, Gitter, Legende und Titel festlegen. Du kannst dein Diagramm auch mit Text und Formen ergänzen. Das Ergebnis kann zur späteren Bearbeitung gespeichert, als Bild gespeichert oder online freigegeben werden.">
<meta property="og:title" content="Online-Diagramm- und Grafikerstellung">
<meta property="og:site_name" content="chartle.de">
<meta property="og:image" content="https://www.chartle.de/pics/logo-fb-de.png">
<meta property="og:description" content="Chartle.de ist ein kostenloses Online-Tool, mit dem du deine eigenen Diagramme und Grafiken erstellen und gestalten kannst. Wir unterstützen Liniendiagramme, Balkendiagramme, Blasendiagramme, Torten- und Donutdiagramme sowie Streu-, Radar- und Polardiagramme. Wähle einen Diagrammtyp aus und gib Daten für dein Diagramm ein, und das Diagramm wird sofort erstellt. Du kannst alle Arten von Eigenschaften wie Farben, Beschriftungen, Gitter, Legende und Titel festlegen. Du kannst dein Diagramm auch mit Text und Formen ergänzen. Das Ergebnis kann zur späteren Bearbeitung gespeichert, als Bild gespeichert oder online freigegeben werden.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.chartle.de/">
<link rel="alternate" hreflang="en" href="https://www.chartle.com/">
<link rel="alternate" hreflang="nl" href="https://www.chartle.nl/">
<link rel="alternate" hreflang="en-gb" href="https://www.chartle.co.uk/">
<link rel="alternate" hreflang="de" href="https://www.chartle.de/">
<link rel="alternate" hreflang="es" href="https://www.chartle.es/">
<script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Zygomatic", "description": "Zygomatic is a publisher and developer of online games and websites.", "url": "https://www.zygomatic.com", "logo": "https://www.zygomatic.com/pics/logo-ldjson.png", "address": { "@type": "PostalAddress", "streetAddress": "Rigaweg 19", "addressLocality": "Amersfoort", "addressCountry": "NL", "postalCode": "3825 PP" }, "contactPoint": { "@type": "contactPoint", "contactType": "Customer Service", "email": "support@zygomatic.com", "telephone": "+31-683901055" }, "sameAs": [ "https://www.linkedin.com/company/zygomatic/", "https://x.com/zygomaticnl" ] } </script>
<link href="https://fonts.googleapis.com/css2?family=Indie+Flower&family=Lato&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/css/?v=1.15.3" type="text/css">
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
<script defer src="/js/?v=1.15.3"></script>
<script defer src="/js/?v=1.15.3&static"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
Page.init();
App.init();
});
</script>
</head>
<body>
<div id="zygomaticBar"><div><a href="https://www.annotieren.de" title="PDF-Dokumente, Bilder, Karten und Screenshots annotieren" target="zygomatic"><i class="annotation"></i> <span>Annotieren</span></a></div><div><a href="https://www.mindclouds.de" title="Online Gedankenwolken erzeugen" target="zygomatic"><i class="mindclouds"></i> <span>Gedankenwolken</span></a></div><div><a href="https://www.gesichtertausch.de" title="Tausche das Gesicht auf einem der Fotos mit einem anderen Gesicht" target="zygomatic"><i class="changefaces"></i> <span>Gesichtertausch</span></a></div><div><a href="https://www.toonytool.com" title="Erzeuge online Comics, Cartoons" target="zygomatic"><i class="toonytool"></i> <span>Toony Tool</span></a></div><div><a href="https://www.wortwolken.com" title="Kostenlos online Wortwolken erstellen" target="zygomatic"><i class="wordcloud"></i> <span>Wortwolken</span></a></div><div><a href="https://www.hintergrundentfernen.com" title="Entferne den Hintergrund von Fotos" target="zygomatic"><i class="stripbackground"></i> <span>Hintergrund entfernen</span></a></div><div class="more"><i></i>Mehr <span class="caret"></span><ul class="dropdownMenu"><li><a href="https://www.fotocollagen.de" title="Online Fotocollagen erstellen" target="zygomatic"><i class="collage"></i> Foto Collagen</a></li><li><a href="https://www.fotofilter.de" title="Fotofilter und -effekte" target="zygomatic"><i class="photofilters"></i> Fotofilter und -effekte</a></li><li><a href="https://www.fotobearbeitung-online.de" title="Bearbeite deine Fotos, Bilder und Aufnahmen online und kostenlos" target="zygomatic"><i class="photoeditor"></i> Foto Bearbeitung</a></li><li><a href="https://www.postereditor.de" title="Erstellen Sie Ihre eigenen Plakate und Flugblätter online" target="zygomatic"><i class="postermaker"></i> Poster Editor</a></li><li><a href="https://www.mapimage.de" title="Generator für statische Kartenbilder" target="zygomatic"><i class="mapimage"></i> Map Image</a></li><li><a href="https://www.bildverkleinern.com" title="Ändere die Größe und beschneide deine Fotos online" target="zygomatic"><i class="photoresizer"></i> Bild verkleinern</a></li><li><a href="https://www.2img.de" title="In-browser Massenbildkonvertierung" target="zygomatic"><i class="twoimg"></i> Bildkonvertierung</a></li><li><a href="https://www.phideo.de" title="Diashow-Video erstellen" target="zygomatic"><i class="phideo"></i> Phideo</a></li><li><a href="https://www.maproute.com" title="Routen finden und erstellen" target="zygomatic"><i class="maproute"></i> Map Route</a></li><li><a href="https://www.qrapp.de" title="QR Code Generator and Scanner" target="zygomatic"><i class="qrapp"></i> QR App</a></li><li><a href="https://www.files2zip.de" title="Packe und entpacke ZIP-Dateien online" target="zygomatic"><i class="files2zip"></i> Files2Zip</a></li><li><a href="https://www.2-pdf.de" title="Konvertieren von Dokumenten in PDF, Konvertieren von PDF in andere Dateiformate" target="zygomatic"><i class="docconverter"></i> PDF-Konverter</a></li><li><a href="https://tools.zygomatic.com/" title="Tools forum" target="zygomatic"><i class="zygotools"></i> Tools forum</a></li></ul></div></div>
<nav class="navbar navbar-expand-md navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="/" title="Kostenloser Diagramm-Ersteller: Online Diagramme erstellen">
<img src="/pics/logo-de.png" alt="Kostenloser Diagramm-Ersteller: Online Diagramme erstellen">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="/gallery/">Galerie</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/faq/">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://paymentlink.mollie.com/payment/od9HY41UozH2WeUGRvuRX/" target="_blank" rel="nofollow"><iconify-icon inline icon="fa-solid:donate"></iconify-icon> Spenden</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://tools.zygomatic.com/c/chart-graph-maker-tool/" target="_blank"><iconify-icon inline icon="fa-solid:comments"></iconify-icon> Forum</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img src="/pics/flags/de.png" class="flag" alt="de">
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown" style="min-width:0"><a class="dropdown-item" href="https://www.chartle.com/" title="Chartle.com"><img src="/pics/flags/en.png" class="flag" alt="en"></a><a class="dropdown-item" href="https://www.chartle.nl/" title="Chartle.nl"><img src="/pics/flags/nl.png" class="flag" alt="nl"></a><a class="dropdown-item" href="https://www.chartle.co.uk/" title="Chartle.co.uk"><img src="/pics/flags/en-gb.png" class="flag" alt="en-gb"></a><a class="dropdown-item" href="https://www.chartle.es/" title="Chartle.es"><img src="/pics/flags/es.png" class="flag" alt="es"></a>
</div>
</li>
</ul>
</div>
</div>
</nav>
<div id="topNav" class="container-fluid">
<div class="btn-toolbar" id="toolNavbar">
<div class="btn-group mr-2">
<div class="btn-group">
<button id="fileBtn" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
Datei </button>
<div id="fileDropdown" class="dropdown-menu">
</div>
</div>
</div>
<div class="btn-group mr-2">
<button id="annotateBtn" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown">
Beschriften </button>
<div class="dropdown-menu">
<div id="drawFreeBtn" class="dropdown-item"><i class="fam-freedraw invert"></i> Freihand</div>
<div id="drawTextBtn" class="dropdown-item"><i class="fam-text invert"></i> Text</div>
<div class="dropdown-item drawBtn" data-shape="line"><i class="fam-line invert"></i> Linie</div>
<div class="dropdown-item drawBtn" data-shape="linearrow"><i class="fam-pointer invert"></i> Pfeil</div>
<div class="dropdown-item drawBtn" data-shape="rectangle"><i class="fam-rectangle invert"></i> Rechteck</div>
<div class="dropdown-item drawBtn" data-shape="ellipse"><i class="fam-ellipse invert"></i> Ellipse</div>
<div class="dropdown-item drawBtn" data-shape="triangle"><i class="fam-triangle invert"></i> Dreieck</div>
<div id="drawTooltipBtn" class="dropdown-item"><i class="fam-tooltip-bottom"></i> Tooltip</div>
<div id="addIconBtn" class="dropdown-item"><i class="fam-sticker invert"></i> Icons</div>
<div id="addImageBtn" class="dropdown-item"><i class="fam-image invert"></i> Bild</div>
</div>
</div>
<div class="btn-group mr-2 flex-wrap" id="chartMenu">
</div><!--/.btn-group-->
<div class="btn-group right">
<button id="fsBtn" type="button" class="btn btn-secondary" title="Vollbild"><iconify-icon inline icon="mdi:fullscreen"></iconify-icon></button>
</div>
</div><!--/.btn-toolbar-->
</div>
<div id="closeBtn">×</div>
<div id="toolControls"></div>
<div class="container-fluid welcome">
<div class="alert alert-light" style="border:1px solid #d7d7d7">
<button class="close" onclick="$(this.parentNode).slideUp()">×</button>
<h1>Kostenlos online Diagramme und Grafiken erstellen</h1>
<p>Chartle.de ist ein kostenloses Online-Tool, mit dem du deine eigenen Diagramme und Grafiken erstellen und gestalten kannst. Wir unterstützen Liniendiagramme, Balkendiagramme, Blasendiagramme, Torten- und Donutdiagramme sowie Streu-, Radar- und Polardiagramme. Wähle einen Diagrammtyp aus und gib Daten für dein Diagramm ein, und das Diagramm wird sofort erstellt. Du kannst alle Arten von Eigenschaften wie Farben, Beschriftungen, Gitter, Legende und Titel festlegen. Du kannst dein Diagramm auch mit Text und Formen ergänzen. Das Ergebnis kann zur späteren Bearbeitung gespeichert, als Bild gespeichert oder online freigegeben werden.</p>
<table style="width:100%"><tr>
<td><img src="/pics/charts/bar1.png" alt="Bar" class="img-fluid"></td>
<td><img src="/pics/charts/line.png" alt="Line" class="img-fluid"></td>
<td><img src="/pics/charts/bar2.png" alt="Vertical bar" class="img-fluid"></td>
<td><img src="/pics/charts/bubble.png" alt="Bubble" class="img-fluid"></td>
<td><img src="/pics/charts/funnel.png" alt="Funnel" class="img-fluid"></td>
<td><img src="/pics/charts/pie.png" alt="Pie/Donut" class="img-fluid"></td>
<td><img src="/pics/charts/polararea.png" alt="Polar" class="img-fluid"></td>
<td><img src="/pics/charts/radar.png" alt="Radar" class="img-fluid"></td>
<td><img src="/pics/charts/scatter.png" alt="Scatter" class="img-fluid"></td>
<td><img src="/pics/charts/gauge.png" alt="Gauge" class="img-fluid"></td>
</tr></table>
<button type="button" class="btn btn-primary" onclick="$(this.parentNode).slideUp()">Verwerfen</button>
</div>
</div>
<div class="banner top">
<!-- AdSense banner --><div class="adsbygoogle" style="display:inline-block;" data-ad-client="ca-pub-5029257013560698" data-ad-slot="3385679961"></div>
<!-- /AdSense banner --></div>
<div id="canvasContainer">
<div id="contextMenu"></div>
<div id="canvases">
<!-- Make sure aspect width & height of these two canvases are equal! -->
<canvas id="myChart" width="1600" height="900"></canvas>
<canvas id="myFabric" width="1600" height="900" style="position:absolute;top:0;left:0"></canvas>
</div>
</div>
<hr>
<div class="banner bottom">
<!-- AdSense banner --><div class="adsbygoogle" style="display:inline-block;" data-ad-client="ca-pub-5029257013560698" data-ad-slot="4124046567"></div>
<!-- /AdSense banner --></div>
<div id="introDiv" class="container-fluid pt-3">
<div class="alert alert-light">
<h2 class="h4 text-center">So funktioniert dieser Online-Diagramm- und Grafik-Ersteller</h2>
<p>Verwandle deine Daten schnell und kostenlos in ein Diagramm oder eine Grafik. Befolge diese Schritte, um deine eigenen Diagramme und Grafiken zu erstellen:</p>
<ul>
<li>Wähle im Menü „Datei“ einen Diagrammtyp aus. Du kannst zwischen Balken-, Linien-, Torten-, Donut-, Streudiagramm, Radar-, Polar-, Blasen-, Trichter- und Tachodiagramm wählen.</li>
<li>Füge deine eigenen Daten zu deinem Diagramm hinzu. Wir bieten die Möglichkeit, mehrere Datensätze zu deinem Diagramm hinzuzufügen. Du kannst einfach Date hinzufügen und entfernen.</li>
<li>Passe dein Diagramm an. Du kannst die Eigenschaften deines Diagramms ändern und deinem Diagramm Titel, Legenden oder Beschriftungen hinzufügen.</li>
<li>Du kannst dein Diagramm auch mit Text, Formen, Bildern, Linien und Pfeilen versehen.</li>
<li>Wenn du mit dem Endergebnis zufrieden bist, kannst du dein Diagramm als Bild speichern und bei Bedarf in HD (High Definition) speichern.</li>
<li>Du kannst dein Diagramm auch lokal auf deinem Gerät über » Datei » Speichern speichern. Diese Datei kann später auf unserer Website bearbeitet werden, um deine Arbeit fortzusetzen oder deine Einstellungen zu speichern.</li>
</ul>
<p>Fragen? Bitte schau zuerst in unseren <a href="/faq/">FAQ</a> nach. Wenn du Inspiration benötigst, schau dir unsere <a href="/gallery/">Galerie mit Beispieldiagrammen</a> an.</p>
</div>
</div>
<div class="textBoxes container-fluid mt-3">
<h3 class="h4 text-center">Weitere Informationen zu Chartle.de: dem Diagramm- und Grafik-Ersteller</h3>
<div class="row">
<div class="col-12 col-md-6 col-lg-4">
<h5><iconify-icon inline icon="mdi:chart-line"></iconify-icon> Große Auswahl an Diagrammen</h5>
<p>Chartle.de bietet eine große Auswahl an Diagrammen und Grafiken, die du online erstellen kannst. Du kannst Liniendiagramme, Balkendiagramme, Kreis- und Ringdiagramme, Netzdiagramme, Streudiagramme, Blasendiagramme sowie Trichter- und Tachodiagramme erstellen.</p>
</div>
<div class="col-12 col-md-6 col-lg-4">
<h5><iconify-icon inline icon="mdi:vector-polyline-edit"></iconify-icon> Diagramme anpassen</h5>
<p>Wir bieten zahlreiche Anpassungsoptionen für deine Diagramme. Du kannst Daten, Farben, Titel, Schriftarten, Beschriftungen, Hintergründe und Ränder ändern. Du kannst dein Diagramm auch mit Freihand-, Linien-, Text-, Form-, Symbol- und Bildelementen versehen.</p>
</div>
<div class="col-12 col-md-6 col-lg-4">
<h5><iconify-icon inline icon="mdi:content-save"></iconify-icon> Arbeit speichern, um sie später zu bearbeiten</h5>
<p>Du kannst deine eigenen Diagramme und Grafiken erstellen und deine Arbeit lokal auf deinem Gerät speichern. Diese Datei kann später auf der Website erneut geöffnet werden, damit du weiter an deinen Diagrammen und Grafiken arbeiten kannst.</p>
</div>
<div class="col-12 col-md-6 col-lg-4">
<h5><iconify-icon inline icon="mdi:account-off"></iconify-icon> Kostenlos ohne Registrierung</h5>
<p>Chartle.de erfordert keine Registrierung oder die Erstellung eines Kontos. Unser Diagramm-Ersteller ist völlig kostenlos und ohne Einschränkungen.</p>
</div>
<div class="col-12 col-md-6 col-lg-4">
<h5><iconify-icon inline icon="mdi:lock"></iconify-icon> Privat und sicher</h5>
<p>Sei versichert, dass deine Privatsphäre für uns oberste Priorität hat. Unser Diagramm- und Grafik-Tool verarbeitet alle deine sensiblen Daten in deinem Browser und stellt sicher, dass deine Daten dein Gerät nie verlassen. Keine Uploads, keine Speicherung, nur eine sichere, private Diagramm-Erfahrung.</p>
</div>
<div class="col-12 col-md-6 col-lg-4">
<h5><iconify-icon inline icon="mdi:hand-extended"></iconify-icon> Einfach zu bedienen</h5>
<p>Das Erstellen von Diagrammen und Grafiken war noch nie so einfach. Unser Online-Tool funktioniert nahtlos auf allen Geräten und Browsern, ohne dass eine Installation erforderlich ist. Erstelle einfach dein eigenes Diagramm und speichere das Ergebnis direkt auf deinem Gerät. Schnell, bequem und unkompliziert.</p>
</div>
</div>
</div>
<footer id="footer">
<ul class="list-inline">
<li class="float-right list-inline-item shareIcons"></li>
<li class="list-inline-item"><a href="/">Startseite</a></li>
<li class="list-inline-item"><a href="/contact/">Kontakt</a></li>
<li class="list-inline-item"><a href="/privacy/">Datenschutz</a></li>
<li class="list-inline-item"><a href="/about/">Über uns</a></li>
<li class="list-inline-item">© <a href="https://zygomatic.nl/" target="_blank">Zygomatic</a></li>
</ul>
</footer><span style="font-family:'Indie Flower';visibility:hidden">Indie Flower</span>
</body>
</html>