1<!DOCTYPE html> 2<html lang="es"> 3<head> 4 <title>Editor de gráficos y diagramas en lÃnea - Chartle.es</title> 5 <meta charset="utf-8"> 6 <meta name="author" content="Zygomatic"> 7 <!-- Programming by WebGear, webgear.nl --> 8 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> 9 <link rel="preconnect" href="https://cdnjs.cloudflare.com"> 10 <link rel="preconnect" href="https://www.googleanalytics.com"> 11 <link rel="preconnect" href="https://adservice.google.com"> 12 <link rel="preconnect" href="https://googleads.g.doubleclick.net"> 13 <link rel="preconnect" href="https://pagead2.googlesyndication.com"> 14 <link rel="preconnect" href="https://tpc.googlesyndication.com"> 15 <link rel="preconnect" href="https://www.googletagservices.com"> 16 <meta name="description" content="Chartle.es es una herramienta en lÃnea gratuita donde puedes crear y hacer tus propios diagramas y gráficos. Admitimos gráficos de lÃneas, gráficos de barras, gráficos de burbujas, gráficos circulares y de anillos, asà como diagramas y gráficos de dispersión, radial y polar. Selecciona un tipo de gráfico e ingresa los datos para tu gráfico y el gráfico se creará instantáneamente. Puedes definir todo tipo de propiedades como colores, etiquetas, cuadrÃcula, leyenda y tÃtulo. También puedes anotar tu gráfico con texto y formas. El resultado se puede guardar para su posterior edición, guardar como imagen o compartir en lÃnea."> 17 <meta property="og:title" content="Editor de gráficos y diagramas en lÃnea"> 18 <meta property="og:site_name" content="chartle.es"> 19 <meta property="og:image" content="https://www.chartle.es/pics/logo-fb-es.png"> 20 <meta property="og:description" content="Chartle.es es una herramienta en lÃnea gratuita donde puedes crear y hacer tus propios diagramas y gráficos. Admitimos gráficos de lÃneas, gráficos de barras, gráficos de burbujas, gráficos circulares y de anillos, asà como diagramas y gráficos de dispersión, radial y polar. Selecciona un tipo de gráfico e ingresa los datos para tu gráfico y el gráfico se creará instantáneamente. Puedes definir todo tipo de propiedades como colores, etiquetas, cuadrÃcula, leyenda y tÃtulo. También puedes anotar tu gráfico con texto y formas. El resultado se puede guardar para su posterior edición, guardar como imagen o compartir en lÃnea."> 21 <meta property="og:type" content="website"> 22 <meta property="og:url" content="https://www.chartle.es/"> 23 <link rel="alternate" hreflang="en" href="https://www.chartle.com/"> 24 <link rel="alternate" hreflang="nl" href="https://www.chartle.nl/"> 25 <link rel="alternate" hreflang="en-gb" href="https://www.chartle.co.uk/"> 26 <link rel="alternate" hreflang="de" href="https://www.chartle.de/"> 27 <link rel="alternate" hreflang="es" href="https://www.chartle.es/"> 28
28<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": "[email protected]", "telephone": "+31-683901055" }, "sameAs": [ "https://www.linkedin.com/company/zygomatic/", "https://x.com/zygomaticnl" ] } </script>
28 29 <link href="https://fonts.googleapis.com/css2?family=Indie+Flower&family=Lato&display=swap" rel="stylesheet"> 30 <link rel="stylesheet" href="/css/?v=1.2.4" type="text/css"> 31 <link rel="preconnect" href="https://fonts.gstatic.com" /> 32 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" /> 33
33<script nonce="XHdCEpibrtPPhc2WLQlHKw==" defer src="/js/?v=1.2.4"></script>
33 34
34<script nonce="XHdCEpibrtPPhc2WLQlHKw==" defer src="/js/?v=1.2.4&static"></script>
34 35
35<script nonce="XHdCEpibrtPPhc2WLQlHKw=="> 36 document.addEventListener('DOMContentLoaded', () => { 37 Page.init(); 38 App.init(); 39 }); 40 </script>
40 41</head> 42<body> 43<div id="zygomaticBar"><div><a href="https://www.editorfotosgratis.com" title="Edita tus fotos, dibujos e imágees online, gratis" target="zygomatic"><i class="photoeditor"></i> <span>Editor Fotos Gratis</span></a></div><div><a href="https://www.filtrosdefotografia.com/" title="Filtros y efectos fotográficos" target="zygomatic"><i class="photofilters"></i> <span>Filtros y efectos fotográficos</span></a></div><div><a href="https://www.reducirfotos.com" title="Cambia el tamaño y recorta tus fotos online" target="zygomatic"><i class="photoresizer"></i> <span>Reducir Fotos</span></a></div><div><a href="https://www.nubedepalabras.es" title="Generador de nube de palabras en lÃnea gratuito" target="zygomatic"><i class="wordcloud"></i> <span>Nubele de Palabras</span></a></div><div><a href="https://www.collage.es" title="Crea collages de fotos online" target="zygomatic"><i class="collage"></i> <span>Foto Collage</span></a></div><div><a href="https://www.eliminarfondo.es" title="Eliminar el fondo de las fotos" target="zygomatic"><i class="stripbackground"></i> <span>Eliminar fondo</span></a></div><div class="more"><i></i>Más <span class="caret"></span><ul class="dropdownMenu" hidden><li><a href="https://www.toonytool.com" title="Crea cómics, caricaturas online" target="zygomatic"><i class="toonytool"></i> Toony Tool</a></li><li><a href="https://www.2img.es" title="Conversión de imágenes (masiva) gratuita y en el navegador" target="zygomatic"><i class="twoimg"></i> Conversión de imágenes</a></li><li><a href="https://www.maproute.com" title="Encontrar y crear rutas" target="zygomatic"><i class="maproute"></i> Map Route</a></li><li><a href="https://www.qrapp.es" title="Generador y escáner de códigos QR" target="zygomatic"><i class="qrapp"></i> QR App</a></li><li><a href="https://www.fabricadecarteles.com" title="Crea tus propios carteles y folletos online" target="zygomatic"><i class="postermaker"></i> Fabrica de Carteles</a></li><li><a href="https://www.mapimage.es" title="Generador de mapas estáticos" target="zygomatic"><i class="mapimage"></i> Map Image</a></li><li><a href="https://www.mindclouds.erss" title="Creador de nubes mentales en lÃnea" target="zygomatic"><i class="mindclouds"></i> Nubes mentales</a></li><li><a href="https://www.anotaciones.com" title="Anota documentos PDF, imágenes, capturas de pantalla y mapas" target="zygomatic"><i class="annotation"></i> Anotaciones</a></li><li><a href="https://www.files2zip.com" title="Comprime y descomprime archivos online" target="zygomatic"><i class="files2zip"></i> Files2Zip</a></li><li><a href="https://www.2pdf.es" title="Convertir documentos a PDF, convertir PDF a otros formatos de archivo" target="zygomatic"><i class="docconverter"></i> Convertidor de PDF</a></li><li><a href="https://tools.zygomatic.com/" title="Tools forum" target="zygomatic"><i class="zygotools"></i> Tools forum</a></li></ul></div>
44<script nonce="XHdCEpibrtPPhc2WLQlHKw=="> 45document.querySelector('#zygomaticBar .more').addEventListener('click', e => { 46 const menu = e.currentTarget.querySelector('.dropdownMenu') 47 menu.hidden = !menu.hidden 48}) 49</script>
49</div> 50 <nav class="navbar navbar-expand-md navbar-dark"> 51 <div class="container-fluid"> 52 <a class="navbar-brand" href="/" title="Creador de gráficos gratuito: crear gráficos en lÃnea"> 53 <img src="/pics/logo-es.png" alt="Creador de gráficos gratuito: crear gráficos en lÃnea"> 54 </a> 55 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive"> 56 <span class="navbar-toggler-icon"></span> 57 </button> 58 <div class="collapse navbar-collapse" id="navbarResponsive"> 59 <ul class="navbar-nav ml-auto"> 60 <li class="nav-item"> 61 <a class="nav-link" href="/gallery/">GalerÃa</a> 62 </li> 63 <li class="nav-item"> 64 <a class="nav-link" href="/faq/">FAQ</a> 65 </li> 66 <li class="nav-item"> 67 <a class="nav-link" href="https://paymentlink.mollie.com/payment/od9HY41UozH2WeUGRvuRX/" target="_blank" rel="nofollow"><iconify-icon inline icon="fa-solid:donate"></iconify-icon> Apóyanos</a> 68 </li> 69 <li class="nav-item"> 70 <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> 71 </li> 72 <li class="nav-item dropdown"> 73 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 74 <img src="/pics/flags/es.png" class="flag" alt="es"> 75 </a> 76 <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.de/" title="Chartle.de"><img src="/pics/flags/de.png" class="flag" alt="de"></a> 77 </div> 78 </li> 79 </ul> 80 </div> 81 </div> 82</nav> 83<div id="topNav" class="container-fluid"> 84 <div class="btn-toolbar" id="toolNavbar"> 85 <div class="btn-group mr-2"> 86 <div class="btn-group"> 87 <button id="fileBtn" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown"> 88 Archivo </button> 89 <div id="fileDropdown" class="dropdown-menu"> 90 </div> 91 </div> 92 </div> 93 94 <div class="btn-group mr-2"> 95 <button id="annotateBtn" type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown"> 96 Anotar </button> 97 <div class="dropdown-menu"> 98 <div id="drawFreeBtn" class="dropdown-item"><i class="fam-freedraw invert"></i> Dibujar libremente</div> 99 <div id="drawTextBtn" class="dropdown-item"><i class="fam-text invert"></i> Texto</div> 100 <div class="dropdown-item drawBtn" data-shape="line"><i class="fam-line invert"></i> LÃnea</div> 101 <div class="dropdown-item drawBtn" data-shape="linearrow"><i class="fam-pointer invert"></i> Flecha</div> 102 <div class="dropdown-item drawBtn" data-shape="rectangle"><i class="fam-rectangle invert"></i> Rectángulo</div> 103 <div class="dropdown-item drawBtn" data-shape="ellipse"><i class="fam-ellipse invert"></i> Elipse</div> 104 <div class="dropdown-item drawBtn" data-shape="triangle"><i class="fam-triangle invert"></i> Triángulo</div> 105 <div id="drawTooltipBtn" class="dropdown-item"><i class="fam-tooltip-bottom"></i> Información</div> 106 <div id="addIconBtn" class="dropdown-item"><i class="fam-sticker invert"></i> Ãconos</div> 107 <div id="addImageBtn" class="dropdown-item"><i class="fam-image invert"></i> Imagen</div> 108 </div> 109 </div> 110 111 <div class="btn-group mr-2 flex-wrap" id="chartMenu"> 112 </div><!--/.btn-group--> 113 114 <div class="btn-group right"> 115 <button id="fsBtn" type="button" class="btn btn-secondary" title="Pantalla completa"><iconify-icon inline icon="mdi:fullscreen"></iconify-icon></button> 116 </div> 117 </div><!--/.btn-toolbar--> 118</div> 119 120 121<div id="closeBtn">×</div> 122<div id="toolControls"></div> 123 124<div class="container-fluid welcome"> 125 <div class="alert alert-light" style="border:1px solid #d7d7d7"> 126 <button class="close">×</button> 127 <h1>Editor de diagramas en lÃnea gratuito</h1> 128 <p>Chartle.es es una herramienta en lÃnea gratuita donde puedes crear y hacer tus propios diagramas y gráficos. Admitimos gráficos de lÃneas, gráficos de barras, gráficos de burbujas, gráficos circulares y de anillos, asà como diagramas y gráficos de dispersión, radial y polar. Selecciona un tipo de gráfico e ingresa los datos para tu gráfico y el gráfico se creará instantáneamente. Puedes definir todo tipo de propiedades como colores, etiquetas, cuadrÃcula, leyenda y tÃtulo. También puedes anotar tu gráfico con texto y formas. El resultado se puede guardar para su posterior edición, guardar como imagen o compartir en lÃnea.<
128/p> 129 <table style="width:100%"><tr> 130 <td><img src="/pics/charts/bar1.png" alt="Bar" class="img-fluid"></td> 131 <td><img src="/pics/charts/line.png" alt="Line" class="img-fluid"></td> 132 <td><img src="/pics/charts/bar2.png" alt="Vertical bar" class="img-fluid"></td> 133 <td><img src="/pics/charts/bubble.png" alt="Bubble" class="img-fluid"></td> 134 <td><img src="/pics/charts/funnel.png" alt="Funnel" class="img-fluid"></td> 135 <td><img src="/pics/charts/pie.png" alt="Pie/Donut" class="img-fluid"></td> 136 <td><img src="/pics/charts/polararea.png" alt="Polar" class="img-fluid"></td> 137 <td><img src="/pics/charts/radar.png" alt="Radar" class="img-fluid"></td> 138 <td><img src="/pics/charts/scatter.png" alt="Scatter" class="img-fluid"></td> 139 <td><img src="/pics/charts/gauge.png" alt="Gauge" class="img-fluid"></td> 140 </tr></table> 141 <button type="button" class="btn btn-primary">Descartar</button> 142 </div> 143</div> 144 145<div class="banner top"> 146 <!-- AdSense banner --><div class="adsbygoogle" style="display:inline-block;" data-ad-client="ca-pub-5029257013560698" data-ad-slot="9512104615"></div> 147 <!-- /AdSense banner --></div> 148 149<div id="canvasContainer"> 150 <div id="contextMenu"></div> 151 <div id="canvases"> 152 <!-- Make sure aspect width & height of these two canvases are equal! --> 153 <canvas id="myChart" width="1600" height="900"></canvas> 154 <canvas id="myFabric" width="1600" height="900" style="position:absolute;top:0;left:0"></canvas> 155 </div> 156</div> 157 158<hr> 159 160<div class="banner bottom"> 161 <!-- AdSense banner --><div class="adsbygoogle" style="display:inline-block;" data-ad-client="ca-pub-5029257013560698" data-ad-slot="8418514790"></div> 162 <!-- /AdSense banner --></div> 163 164<div id="introDiv" class="container-fluid pt-3"> 165 <div class="alert alert-light"> 166 <h2 class="h4 text-center">Cómo funciona este creador de tablas y gráficos en lÃnea</h2> 167 <p>Convierte rápidamente tus datos en una tabla o gráfico en lÃnea y de forma gratuita. Sigue estos pasos para crear tus propias tablas y gráficos:</p> 168 <ul> 169 <li>Selecciona un tipo de gráfico en el menú Archivo. Puedes elegir entre gráfico de barras, de lÃneas, circular, de anillos, de dispersión, de radial, polar, de burbujas, de embudo y de indicador.</li> 170 <li>Añade tus propios datos al gráfico. Ofrecemos la opción de añadir varios conjuntos de datos al gráfico. Puedes añadir y eliminar filas de datos fácilmente.</li> 171 <li>Personaliza tu gráfico. Puedes cambiar las propiedades del gráfico y añadir tÃtulos, leyendas o etiquetas al gráfico.</li> 172 <li>También puedes anotar el gráfico con texto, formas, imágenes, lÃneas y flechas.</li> 173 <li>Si estás satisfecho con el resultado final, puedes guardar tu gráfico como imagen y, si es necesario, puedes guardarlo en HD (alta definición).</li> 174 <li>También puedes guardar tu gráfico localmente en tu dispositivo a través de » Archivo » Guardar. Ese archivo se puede editar más tarde en nuestro sitio para continuar tu trabajo o para guardar tu configuración.</li> 175 </ul> 176 <p>¿Preguntas? Por favor, consulta primero nuestras <a href="/faq/">preguntas frecuentes</a> (FAQ). Si necesitas inspiración, consulta nuestra <a href="/gallery/">galerÃa de gráficos de ejemplo</a>.</p> 177 </div> 178</div> 179 180<div class="textBoxes container-fluid mt-3"> 181 <h3 class="h4 text-center">Más información sobre Chartle.es: el creador de tablas y gráficos</h3> 182 <div class="row"> 183 <div class="col-12 col-md-6 col-lg-4"> 184 <h5><iconify-icon inline icon="mdi:chart-line"></iconify-icon> Amplia selección de tablas</h5> 185 <p>Chartle.es ofrece una gran selección de tablas y gráficos que puedes crear en lÃnea. Puedes crear gráficos de lÃneas, gráficos de barras, gráficos circulares y de anillos, gráficos de radar, gráficos de dispersión, gráficos de burbujas y gráficos de embudo y de indicadores.</p> 186 </div> 187 <div class="col-12 col-md-6 col-lg-4"> 188 <h5><iconify-icon inline icon="mdi:vector-polyline-edit"></iconify-icon> Personalizar gráficos</h5> 189 <p>Ofrecemos muchas opciones de personalización para tus gráficos, puedes modificar datos, colores, tÃtulos, fuentes, etiquetas, fondos y bordes. También puedes anotar tu gráfico con dibujos, lÃneas, texto, formas, iconos e imágenes gratuitos.</p> 190 </div> 191 <div class="col-12 col-md-6 col-lg-4"> 192 <h5><iconify-icon inline icon="mdi:content-save"></iconify-icon> Guarda tu trabajo para editarlo más tarde</h5> 193 <p>Puedes empezar a crear tus propios gráficos y diagramas y guardar tu trabajo localmente en tu dispositivo. Ese archivo se puede volver a abrir más tarde en el sitio para que puedas seguir trabajando en tus diagramas y gráficos.</p> 194 </div> 195 <div class="col-12 col-md-6 col-lg-4"> 196 <h5><iconify-icon inline icon="mdi:account-off"></iconify-icon> Gratis sin registro</h5> 197 <p>Chartle.es no requiere que te registres o crees una cuenta. Nuestro creador de diagramas es completamente gratuito y sin restricciones.</p> 198 </div> 199 <div class="col-12 col-md-6 col-lg-4"> 200 <h5><iconify-icon inline icon="mdi:lock"></iconify-icon> Privado y seguro</h5> 201 <p>Puedes estar tranquilo, tu privacidad es nuestra prioridad. Nuestro creador de gráficos y diagramas procesa todos tus datos confidenciales en tu navegador, asegurando que tus datos nunca salgan de tu dispositivo. Sin cargas, sin almacenamiento, solo una experiencia de creación de gráficos segura y privada.</p> 202 </div> 203 <div class="col-12 col-md-6 col-lg-4"> 204 <h5><iconify-icon inline icon="mdi:hand-extended"></iconify-icon> Fácil de usar</h5> 205 <p>Hacer diagramas y gráficos en lÃnea nunca ha sido tan fácil. Nuestra herramienta en lÃnea funciona a la perfección en todos los dispositivos y navegadores, sin necesidad de instalación. Simplemente crea tu propio gráfico y guarda el resultado directamente en tu dispositivo. Rápido, cómodo y sin complicaciones.</p> 206 </div> 207 </div> 208</div> 209 210 211 <footer id="footer"> 212 <ul class="list-inline"> 213 <li class="float-right list-inline-item shareIcons"></li> 214 215 <li class="list-inline-item"><a href="/">Inicio</a></li> 216 <li class="list-inline-item"><a href="/contact/">Contacto</a></li> 217 <li class="list-inline-item"><a href="/privacy/">Privacidad</a></li> 218 <li class="list-inline-item"><a href="/about/">Sobre</a></li> 219 <li class="list-inline-item">© <a href="https://zygomatic.nl/" target="_blank">Zygomatic</a></li> 220 </ul> 221 </footer><span style="font-family:'Indie Flower';visibility:hidden">Indie Flower</span> 222</body> 223</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.