<!DOCTYPE html>
<html lang="en">
<head>
<title>Online Chart and Graph Maker - Chartle.com</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.com is a free online tool where you can create and make your own charts and graphs. We support line charts, bar graphs, bubble charts, pie and donut charts as well as scatter, radar and polar graphs and charts. Select a chart type and enter data for your chart and the chart will be created instantly. You can set all kinds of properties like colors, labels, grid, legend and title. You can also annotate your chart with text and shapes. The result can be saved for later editing or can be saved as image or shared online.">
<meta property="og:title" content="Online Chart and Graph Maker">
<meta property="og:site_name" content="chartle.com">
<meta property="og:image" content="https://www.chartle.com/pics/logo-fb-en.png">
<meta property="og:description" content="Chartle.com is a free online tool where you can create and make your own charts and graphs. We support line charts, bar graphs, bubble charts, pie and donut charts as well as scatter, radar and polar graphs and charts. Select a chart type and enter data for your chart and the chart will be created instantly. You can set all kinds of properties like colors, labels, grid, legend and title. You can also annotate your chart with text and shapes. The result can be saved for later editing or can be saved as image or shared online.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.chartle.com/">
<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.fakechatapp.com" title="Create fake chats" target="zygomatic"><i class="fakechatapp"></i> <span>Fake Chat App</span></a></div><div><a href="https://www.wordclouds.com" title="Word cloud generator" target="zygomatic"><i class="wordcloud"></i> <span>Word Clouds</span></a></div><div><a href="https://www.qrapp.com" title="QR code generator and scanner" target="zygomatic"><i class="qrapp"></i> <span>QR App</span></a></div><div><a href="https://www.photoeditor.com" title="Photo Editor Free Online" target="zygomatic"><i class="photoeditor"></i> <span>Photo Editor</span></a></div><div><a href="https://www.coloringonline.com" title="Online coloring books and pages" target="zygomatic"><i class="coloring"></i> <span>Coloring Online</span></a></div><div><a href="https://www.maproute.com" title="Find and create routes" target="zygomatic"><i class="maproute"></i> <span>Map Route</span></a></div><div class="more"><i></i>More <span class="caret"></span><ul class="dropdownMenu"><li><a href="https://www.postermaker.com" title="Online Poster maker, Online Poster and Flyer Designer" target="zygomatic"><i class="postermaker"></i> Poster Maker</a></li><li><a href="https://www.photocollage.com" title="Photo Collage Maker" target="zygomatic"><i class="collage"></i> Photo Collage</a></li><li><a href="https://www.mindclouds.com" title="Online Mind Map Maker" target="zygomatic"><i class="mindclouds"></i> Mind clouds</a></li><li><a href="https://www.changefaces.com" title="Change the face on a photo and do a face swap" target="zygomatic"><i class="changefaces"></i> Change Faces</a></li><li><a href="https://www.photoenlarger.com" title="Enlarge images and photos" target="zygomatic"><i class="photoenlarger"></i> Photo Enlarger</a></li><li><a href="https://www.photofilters.com" title="Photo filters and image effects" target="zygomatic"><i class="photofilters"></i> Photo Filters</a></li><li><a href="https://www.toonytool.com" title="Free Online Cartoon and Comic Strip Maker" target="zygomatic"><i class="toonytool"></i> Toony Tool</a></li><li><a href="https://www.mapimage.com" title="Static map image generator" target="zygomatic"><i class="mapimage"></i> Map Image</a></li><li><a href="https://www.photoresizer.com" title="Resize and Crop Photos" target="zygomatic"><i class="photoresizer"></i> Photo Resizer</a></li><li><a href="https://www.youtubetrimmer.com" title="Trim and Crop Youtube videos" target="zygomatic"><i class="youtubetrimmer"></i> Youtube Trimmer</a></li><li><a href="https://www.2img.com" title="In-browser (bulk) image conversion" target="zygomatic"><i class="twoimg"></i> Image conversion</a></li><li><a href="https://www.stripbackground.com" title="Remove backgrounds from images" target="zygomatic"><i class="stripbackground"></i> Strip Background</a></li><li><a href="https://www.annotation.com" title="Annotate PDF documents, images, maps and screenshots" target="zygomatic"><i class="annotation"></i> Annotation</a></li><li><a href="https://www.phideo.com" title="Video Slideshow maker" target="zygomatic"><i class="phideo"></i> Phideo</a></li><li><a href="https://www.files2zip.com" title="Zip and unzip files online" target="zygomatic"><i class="files2zip"></i> Files2Zip</a></li><li><a href="https://www.2pdfconverter.com" title="Convert documents to PDF and PDF to other document formats" target="zygomatic"><i class="docconverter"></i> PDF converter</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="Free Chart Maker: Create Graphs Online">
<img src="/pics/logo-en.png" alt="Free Chart Maker: Create Graphs Online">
</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/">Gallery</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> Donate</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/en.png" class="flag" alt="en">
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown" style="min-width:0"><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.de/" title="Chartle.de"><img src="/pics/flags/de.png" class="flag" alt="de"></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">
File </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">
Annotate </button>
<div class="dropdown-menu">
<div id="drawFreeBtn" class="dropdown-item"><i class="fam-freedraw invert"></i> Free draw</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> Line</div>
<div class="dropdown-item drawBtn" data-shape="linearrow"><i class="fam-pointer invert"></i> Arrow</div>
<div class="dropdown-item drawBtn" data-shape="rectangle"><i class="fam-rectangle invert"></i> Rectangle</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> Triangle</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> Image</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="Fullscreen"><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>Free Online Chart and Graph Maker</h1>
<p>Chartle.com is a free online tool where you can create and make your own charts and graphs. We support line charts, bar graphs, bubble charts, pie and donut charts as well as scatter, radar and polar graphs and charts. Select a chart type and enter data for your chart and the chart will be created instantly. You can set all kinds of properties like colors, labels, grid, legend and title. You can also annotate your chart with text and shapes. The result can be saved for later editing or can be saved as image or shared online.</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()">Dismiss</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="5161510651"></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="8717612280"></div>
<!-- /AdSense banner --></div>
<div id="introDiv" class="container-fluid pt-3">
<div class="alert alert-light">
<h2 class="h4 text-center">How this online chart and graph maker works</h2>
<p>Quickly turn your data into a chart or graph online and for free. Follow these steps below to create your own charts and graphs:</p>
<ul>
<li>Select a chart type from the File Menu. You can choose from bar, line, pie, donut, scatter, radar, polar, bubble, funnel and gauge.</li>
<li>Add your own data to your chart, we offer the option to add multiple datasets to your chart. You can simply add and remove rows of data.</li>
<li>Customize your chart. You can change the properties of your chart and add titles, legends or labels to your graph.</li>
<li>You can annotate your chart as well with text, shapes, images, lines and arrows.</li>
<li>If you are satisfied with the end result you can save your chart as image and if needed you can save it in HD (high definition).</li>
<li>You can also save your chart locally on your device via » File » Save. That file can be edited later on our site to continue your work or to save your settings.</li>
</ul>
<p>Questions? Please check our <a href="/faq/">FAQ</a> first. If you need inspiration check our <a href="/gallery/">gallery of example charts</a>.</p>
</div>
</div>
<div class="textBoxes container-fluid mt-3">
<h3 class="h4 text-center">More information about Chartle.com: the Chart and Graph Creator</h3>
<div class="row">
<div class="col-12 col-md-6 col-lg-4">
<h5><iconify-icon inline icon="mdi:chart-line"></iconify-icon> Large selections of charts</h5>
<p>Chartle.com offers a large selection of charts and graphs you can make online. You can create Line Charts, Bar Charts, Pie and Donut Charts, Radar Charts, Scatter charts, Bubble charts and Funnel and Gauge Charts.</p>
</div>
<div class="col-12 col-md-6 col-lg-4">
<h5><iconify-icon inline icon="mdi:vector-polyline-edit"></iconify-icon> Customize Charts</h5>
<p>We offer a lot of customization options for your charts, you can modify data, colors, titles, fonts, labels, backgrounds and borders. You can also annotate your chart with free draw, line, text, shapes, icons and images.</p>
</div>
<div class="col-12 col-md-6 col-lg-4">
<h5><iconify-icon inline icon="mdi:content-save"></iconify-icon> Save your work to edit later</h5>
<p>You can start making your own graphs and charts and save your work locally on your device. That file can later be opened again on the site so you can continue to work on your charts and graphs.</p>
</div>
<div class="col-12 col-md-6 col-lg-4">
<h5><iconify-icon inline icon="mdi:account-off"></iconify-icon> Free without registration</h5>
<p>Chartle.com does not require you to register or to create an account. Our chart creator is completely free without any restrictions.</p>
</div>
<div class="col-12 col-md-6 col-lg-4">
<h5><iconify-icon inline icon="mdi:lock"></iconify-icon> Private and Secure</h5>
<p>Rest assured, your privacy is our priority. Our Chart and Graph Maker processes all your sensitive data in your browser, ensuring that your data never leaves your device. No uploads, no storage, just a secure, private chart making experience.</p>
</div>
<div class="col-12 col-md-6 col-lg-4">
<h5><iconify-icon inline icon="mdi:hand-extended"></iconify-icon> Simple to use</h5>
<p>Making charts and graphs online has never been simpler. Our online tool works seamlessly across all devices and browsers, with no installation required. Simply create your own chart and save the result directly to your device. Quick, convenient, and hassle-free.</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="/">Home</a></li>
<li class="list-inline-item"><a href="/contact/">Contact</a></li>
<li class="list-inline-item"><a href="/privacy/">Privacy</a></li>
<li class="list-inline-item"><a href="/about/">About us</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>