<rss version="2.0"
     xmlns:atom="http://www.w3.org/2005/Atom"
     xmlns:dc="http://purl.org/dc/elements/1.1/">
        <channel>
        <title>Magazine - diagramas</title>
        <link>https://www.genbeta.com</link>
        <description>Publicación de noticias sobre gadgets y tecnología. Últimas tecnologías en electrónica de consumo y novedades tecnológicas en móviles, tablets, informática, etc</description>
        <pubDate>Sat, 13 Jun 2026 10:47:25 +0000</pubDate>
        <generator>https://www.genbeta.com</generator>
        <atom:link href="https://www.genbeta.com/tag/diagramas/rss2.xml" rel="self" type="application/rss+xml" />
                                        <item>
                <title><![CDATA[Así puedes crear el esquema visual de unos apuntes usando la versión gratis de ChatGPT ]]></title>
                <link>https://www.genbeta.com/paso-a-paso/asi-puedes-crear-esquema-visual-unos-apuntes-usando-version-gratis-chatgpt-1</link>
                <guid>https://www.genbeta.com/paso-a-paso/asi-puedes-crear-esquema-visual-unos-apuntes-usando-version-gratis-chatgpt-1</guid>
                <pubDate>Wed, 30 Oct 2024 18:11:51 +0000</pubDate>
                                         <dc:creator>Marcos Merino</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/87946c/plato/1024_2000.jpeg" alt="As&#x00ED;&#x20;puedes&#x20;crear&#x20;el&#x20;esquema&#x20;visual&#x20;de&#x20;unos&#x20;apuntes&#x20;usando&#x20;la&#x20;versi&#x00F3;n&#x20;gratis&#x20;de&#x20;ChatGPT&#x20;">
    </p>
    <p>De 'papers' científicos a informes empresariales, pasando por publicaciones en blogs y redes sociales, la cantidad de información a la que se enfrenta un usuario cada día puede llegar a resultar abrumadora. En este contexto, la capacidad de resumir información de manera efectiva se ha vuelto esencial.</p>
<!-- BREAK 1 --><p>Aquí es donde <strong>la inteligencia artificial</strong>, en particular la que representan los chatbots como ChatGPT, <strong>se convierte en una herramienta sin igual</strong>.</p>
<h2>Generar resúmenes con ChatGPT</h2>
<p>ChatGPT, la herramienta estrella de OpenAI, <strong>ha demostrado ser una herramienta versátil en la generación de resúmenes de texto</strong>. Esta IA es capaz de comprender y analizar extensos documentos y extraer los puntos clave para crear resúmenes coherentes y precisos.</p>
<!-- BREAK 2 --><p>Este proceso se realiza en cuestión de segundos, lo que ahorra tiempo a estudiantes, profesionales y cualquier persona que necesite <strong>extraer información relevante de textos largos</strong>. Además, ChatGPT no sólo permite resumir los contenidos, sino que puede adaptarse al tono y el estilo a las necesidades del usuario.</p>
<h2>Del resumen al esquema visual</h2>
<p>El uso de esquemas visuales es otra técnica valiosa para la comprensión y presentación de información. Existen <a class="text-outboundlink" href="https://www.xataka.com/basics/herramientas-gratis-para-hacer-esquemas-diagramas-online" data-vars-post-title="7 herramientas web gratis para hacer esquemas y diagramas online" data-vars-post-url="https://www.xataka.com/basics/herramientas-gratis-para-hacer-esquemas-diagramas-online"  data-id="noopener noreferrer">multitud de herramientas digitales que nos permiten crear diagramas y mapas mentales</a> con este fin. Pero, claro, ChatGPT (al menos no en su versión gratuita) no es capaz de generar directamente este tipo de contenidos… de modo que, ¿en qué nos resulta útil el chatbot de OpenAI en esta tarea?</p>
<!-- BREAK 3 --><p>Bueno, <strong>ChatGPT no crea imágenes, es cierto… pero sí es muy bueno a la hora de generar código</strong>. Y hay muchos tipos de código (como el XML, por ejemplo) que podemos traducir en imágenes usando alguna herramienta gratuita. Y aquí es donde entra Mermaid.</p>
<div class="article-asset article-asset-normal article-asset-center">
 <div class="desvio-container">
  <div class="desvio">
   <div class="desvio-figure js-desvio-figure">
    <a href="https://www.genbeta.com/actualidad/sobresaliente-tiempo-record-gracias-a-chatgpt-este-estudiante-saco-9-4-estudiando-solo-tres-dias" class="pivot-outboundlink" data-vars-post-title="Un sobresaliente en tiempo récord gracias a ChatGPT: este estudiante sacó un 9,4 estudiando solo tres días">
     <img alt="Un&#x20;sobresaliente&#x20;en&#x20;tiempo&#x20;r&#x00E9;cord&#x20;gracias&#x20;a&#x20;ChatGPT&#x3A;&#x20;este&#x20;estudiante&#x20;sac&#x00F3;&#x20;un&#x20;9,4&#x20;estudiando&#x20;solo&#x20;tres&#x20;d&#x00ED;as" width="375" height="142" src="https://i.blogs.es/6150aa/destacada/375_142.webp" onerror='this.src="https://i.blogs.es/6150aa/destacada/375_142.jpeg"'>
    </a>
   </div>
   <div class="desvio-summary">
    <div class="desvio-taxonomy js-desvio-taxonomy">
     <a href="https://www.genbeta.com/actualidad/sobresaliente-tiempo-record-gracias-a-chatgpt-este-estudiante-saco-9-4-estudiando-solo-tres-dias" class="desvio-taxonomy-anchor pivot-outboundlink" data-vars-post-title="Un sobresaliente en tiempo récord gracias a ChatGPT: este estudiante sacó un 9,4 estudiando solo tres días">En Genbeta</a>
    </div>
    <a href="https://www.genbeta.com/actualidad/sobresaliente-tiempo-record-gracias-a-chatgpt-este-estudiante-saco-9-4-estudiando-solo-tres-dias" class="desvio-title js-desvio-title pivot-outboundlink" data-vars-post-title="Un sobresaliente en tiempo récord gracias a ChatGPT: este estudiante sacó un 9,4 estudiando solo tres días">Un sobresaliente en tiempo récord gracias a ChatGPT: este estudiante sacó un 9,4 estudiando solo tres días</a>
   </div>
  </div>
 </div>
</div>
<h2>¿Qué es Mermaid?</h2>
<p>Mermaid es un lenguaje de marcado, <a class="text-outboundlink" href="https://www.genbeta.com/guia-de-inicio/que-es-markdown-para-que-sirve-y-como-usarlo" data-vars-post-title="Qué es Markdown, para qué sirve y cómo usarlo" data-vars-post-url="https://www.genbeta.com/guia-de-inicio/que-es-markdown-para-que-sirve-y-como-usarlo"  data-id="noopener noreferrer">similar a Markdown</a>, diseñado específicamente para la creación de diagramas y gráficos. Es ampliamente compatible con diversas plataformas y aplicaciones, lo que lo hace accesible para una amplia variedad de usuarios. Destaca por su…</p>
<!-- BREAK 4 --><ul>
  <li><strong>Sencillez de uso</strong>: Mermaid es conocido por su sintaxis simple y fácil de entender. Los usuarios pueden crear diagramas sin la necesidad de aprender un software de diagramación complejo.</li>
  <li><strong>Diversidad de gráficos</strong>: Mermaid admite una amplia gama de diagramas, incluyendo diagramas de flujo, gráficos Gantt, diagramas de secuencia, diagramas de clase y más. Esto lo convierte en una herramienta versátil para diversas aplicaciones.</li>
  <li><strong>Integración</strong>: Mermaid se integra fácilmente en varias plataformas y aplicaciones, lo que permite a los usuarios incorporar diagramas en documentos, presentaciones, sitios web y más.</li>
</ul><div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
     <div class="caption-img ">
                   <img class="" height=497 width=1170 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/f22b60/header/450_1000.webp 450w, https://i.blogs.es/f22b60/header/650_1200.webp 681w,https://i.blogs.es/f22b60/header/1024_2000.webp 1024w, https://i.blogs.es/f22b60/header/1366_2000.webp 1366w" src="https://i.blogs.es/f22b60/header/450_1000.webp" alt="Header" onerror="this.src='https://i.blogs.es/f22b60/header/450_1000.jpeg';this.srcset='https://i.blogs.es/f22b60/header/450_1000.jpeg 450w, https://i.blogs.es/f22b60/header/650_1200.jpeg 681w,https://i.blogs.es/f22b60/header/1024_2000.jpeg 1024w, https://i.blogs.es/f22b60/header/1366_2000.jpeg 1366w';return false;">
   <img alt="Header" class="" src="https://i.blogs.es/f22b60/header/450_1000.webp">
   
        <span>Ejemplos de usos avanzados de Mermaid.</span>
   </div>
   </div>
</div>
<h2>¿Y qué hacemos con ese código?</h2>
<p>Obviamente, ese código Mermaid generado por ChatGPT <strong>necesita ser convertido de algún modo en gráficos</strong>, ya sea para editarlo visualmente, ya sea para imprimirlo, o para insertarlo en algún artículo. Tenemos varias herramientas a mano para hacerlo, pero aquí repasaremos dos gratuitas y disponibles online:</p>
<!-- BREAK 5 --><h3>Mermaid Live Editor</h3>
<p><a rel="noopener, noreferrer" href="https://mermaid.live/edit"  data-id="noopener noreferrer">Mermaid Live Editor </a>es una herramienta de código abierto que permite crear diagramas y gráficos interactivos utilizando la sintaxis de Mermaid, de manera sencilla y rápida, así como personalizar la apariencia de los diagramas y agregar etiquetas, notas y enlaces a los elementos.</p>
<!-- BREAK 6 --><p>Esta herramienta permite a los usuarios escribir código en la sintaxis de Mermaid directamente en su interfaz web, y la herramienta generará instantáneamente diagramas interactivos.</p>
<h3>Draw.io</h3>
<p><a rel="noopener, noreferrer" href="https://app.diagrams.net/"  data-id="noopener noreferrer">Draw.io</a> es una herramienta open source de diagramación online que permite a los usuarios crear una amplia variedad de diagramas y gráficos de manera sencilla y colaborativa. Esta aplicación es ampliamente utilizada en entornos profesionales, académicos y de desarrollo de software debido a su versatilidad y facilidad de uso.</p>
<!-- BREAK 7 --><p>Draw.io también ofrece la capacidad de generar automáticamente diagramas a partir de la entrada de texto en el formato Mermaid.</p>
<h2>Así se hace</h2>
<p>Podemos introducir un texto largo (por ejemplo, una lección de nuestros apuntes) y pedirle a ChatGPT que<strong> genere, automáticamente y sin pasos intermedios, el correspondiente esquema visual</strong> con los principales conceptos.</p>
<!-- BREAK 8 --><p>¿Con qué prompt? Bueno, pues te sugiero algo como el siguiente:</p>
<blockquote>"Genera un diagrama de flujo, con un único nodo inicial, sin caracteres especiales ni formato markdown, compatible con Mermaid Live Editor a partir de este texto:</blockquote>
<blockquote>'TEXTO A INSERTAR'"</blockquote>
<p>Nosotros hemos hecho una prueba con <a rel="noopener, noreferrer" href="https://web.archive.org/web/20180306035911/https://www.boulesis.com/apuntes/apuntes-sobre-platon">unos apuntes nivel Bachillerato sobre la filosofía de Platón</a>:</p>
<p>Y este ha sido el resultado:</p>
<div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
                   <img class="" height=971 width=1147 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/57924b/mermaid1/450_1000.webp 450w, https://i.blogs.es/57924b/mermaid1/650_1200.webp 681w,https://i.blogs.es/57924b/mermaid1/1024_2000.webp 1024w, https://i.blogs.es/57924b/mermaid1/1366_2000.webp 1366w" src="https://i.blogs.es/57924b/mermaid1/450_1000.webp" alt="Mermaid1" onerror="this.src='https://i.blogs.es/57924b/mermaid1/450_1000.jpeg';this.srcset='https://i.blogs.es/57924b/mermaid1/450_1000.jpeg 450w, https://i.blogs.es/57924b/mermaid1/650_1200.jpeg 681w,https://i.blogs.es/57924b/mermaid1/1024_2000.jpeg 1024w, https://i.blogs.es/57924b/mermaid1/1366_2000.jpeg 1366w';return false;">
   <img alt="Mermaid1" class="" src="https://i.blogs.es/57924b/mermaid1/450_1000.webp">
   
      </div>
</div>
<p>Ahora, sólo tenemos que <strong>hacer clic en 'Copy Code'</strong> y pegar el código en alguna de las aplicaciones antes detalladas.</p>
<p>En <strong>Mermaid Live Editor</strong> sólo tendremos que copiarlo en el cuadro de texto de la izquierda, sobreescribiendo cualquier código previo. Luego, <strong>desplegando el apartado 'Actions' (también en la barra lateral)</strong>, podremos exportar el diagrama a un formato de imagen:</p>
<div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
                   <img class="" height=997 width=1484 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/e762f1/mle/450_1000.webp 450w, https://i.blogs.es/e762f1/mle/650_1200.webp 681w,https://i.blogs.es/e762f1/mle/1024_2000.webp 1024w, https://i.blogs.es/e762f1/mle/1366_2000.webp 1366w" src="https://i.blogs.es/e762f1/mle/450_1000.webp" alt="Mle" onerror="this.src='https://i.blogs.es/e762f1/mle/450_1000.jpeg';this.srcset='https://i.blogs.es/e762f1/mle/450_1000.jpeg 450w, https://i.blogs.es/e762f1/mle/650_1200.jpeg 681w,https://i.blogs.es/e762f1/mle/1024_2000.jpeg 1024w, https://i.blogs.es/e762f1/mle/1366_2000.jpeg 1366w';return false;">
   <img alt="Mle" class="" src="https://i.blogs.es/e762f1/mle/450_1000.webp">
   
      </div>
</div>
<p><strong>En Draw.io</strong>, deberemos acceder a la opción de menú<strong> 'Organizar &gt; Insertar &gt; Avanzado &gt; Mermaid', pegar el código y clicar en 'Insertar'</strong>. Luego, podremos editarlo o bien exportarlo directamente en 'Archivo &gt; Exportar' a varios formatos de imagen o documento (PDF, HTML, etc):</p>
<!-- BREAK 9 --><div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
                   <img class="" height=998 width=1485 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/75d862/draw/450_1000.webp 450w, https://i.blogs.es/75d862/draw/650_1200.webp 681w,https://i.blogs.es/75d862/draw/1024_2000.webp 1024w, https://i.blogs.es/75d862/draw/1366_2000.webp 1366w" src="https://i.blogs.es/75d862/draw/450_1000.webp" alt="Draw" onerror="this.src='https://i.blogs.es/75d862/draw/450_1000.jpeg';this.srcset='https://i.blogs.es/75d862/draw/450_1000.jpeg 450w, https://i.blogs.es/75d862/draw/650_1200.jpeg 681w,https://i.blogs.es/75d862/draw/1024_2000.jpeg 1024w, https://i.blogs.es/75d862/draw/1366_2000.jpeg 1366w';return false;">
   <img alt="Draw" class="" src="https://i.blogs.es/75d862/draw/450_1000.webp">
   
      </div>
</div>
<h2>¿Por qué hacer esto?</h2>
<p>La combinación de ChatGPT y Mermaid ofrece toda una serie de beneficios:</p>
<ol>
  <li><strong>Ahorro de tiempo</strong>: Generar resúmenes de texto y esquemas visuales es mucho más rápido con la ayuda de la inteligencia artificial, liberando tiempo para otras tareas.</li>
  <li><strong>Claridad y comprensión</strong>: Los resúmenes y esquemas ayudan a los usuarios a entender la información de manera más eficiente.</li>
  <li><strong>Personalización</strong>: ChatGPT permite adaptar los resúmenes al estilo y tono preferidos, o filtrar determinados datos del texto original (por ejemplo, indicando en el prompt que ignore un determinado tema mencionado en el texto).</li>
  <li><strong>Presentación visual atractiva</strong>: Los esquemas de Mermaid ofrecen una forma visualmente atractiva de presentar datos y conceptos complejos.</li>
</ol>
<p>Las aplicaciones son diversas, desde la educación, donde los estudiantes pueden utilizar esta tecnología para comprender mejor sus lecturas, hasta el mundo empresarial, donde los profesionales pueden mejorar &nbsp;informes y presentaciones para ganar prestigio.</p>
<!-- BREAK 10 --><p>Imagen | Marcos Merino mediante IA</p>
<p>En Genbeta | <a class="text-outboundlink" href="https://www.genbeta.com/a-fondo/internet-clases-se-estan-llenando-textos-trabajos-hechos-chatgpt-estas-palabras-les-delatan" data-vars-post-title="Las clases (e internet) se están llenando de textos y trabajos hechos con ChatGPT. Estas palabras les delatan" data-vars-post-url="https://www.genbeta.com/a-fondo/internet-clases-se-estan-llenando-textos-trabajos-hechos-chatgpt-estas-palabras-les-delatan"  data-id="noopener noreferrer">Las clases (e internet) se están llenando de textos y trabajos hechos con ChatGPT. Estas palabras les delatan</a></p>
<script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[Así puedes crear el esquema visual de unos apuntes usando la versión gratis de ChatGPT]]></title>
                <link>https://www.genbeta.com/paso-a-paso/asi-puedes-crear-esquema-visual-unos-apuntes-usando-version-gratis-chatgpt</link>
                <guid>https://www.genbeta.com/paso-a-paso/asi-puedes-crear-esquema-visual-unos-apuntes-usando-version-gratis-chatgpt</guid>
                <pubDate>Thu, 12 Oct 2023 15:00:00 +0000</pubDate>
                                         <dc:creator>Marcos Merino</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/7bfa72/diagrama/1024_2000.jpeg" alt="As&#x00ED;&#x20;puedes&#x20;crear&#x20;el&#x20;esquema&#x20;visual&#x20;de&#x20;unos&#x20;apuntes&#x20;usando&#x20;la&#x20;versi&#x00F3;n&#x20;gratis&#x20;de&#x20;ChatGPT">
    </p>
    <p>De 'papers' científicos a informes empresariales, pasando por publicaciones en blogs y redes sociales, la cantidad de información a la que se enfrenta un usuario cada día puede llegar a resultar abrumadora. En este contexto, la capacidad de resumir información de manera efectiva se ha vuelto esencial.</p>
<!-- BREAK 1 --><p>Aquí es donde <strong>la inteligencia artificial</strong>, en particular ChatGPT y otros chatbots similares, <strong>se convierte en una herramienta sin igual</strong>.</p>
<h2>Generar resúmenes con ChatGPT</h2>
<p>ChatGPT, el modelo de lenguaje desarrollado por OpenAI, <strong>ha demostrado ser una herramienta versátil en la generación de resúmenes de text</strong>o. Esta IA es capaz de comprender y analizar extensos documentos y extraer los puntos clave para crear resúmenes coherentes y precisos.</p>
<!-- BREAK 2 --><p>Este proceso se realiza en cuestión de segundos, lo que ahorra tiempo a estudiantes, profesionales y cualquier persona que necesite <strong>extraer información relevante de textos largos</strong>. Además, ChatGPT no sólo permite resumir los contenidos, sino que puede adaptarse al tono y el estilo a las necesidades del usuario.</p>
<h2>Del resumen al esquema visual</h2>
<p>El uso de esquemas visuales es otra técnica valiosa para la comprensión y presentación de información. Existen <a class="text-outboundlink" href="https://www.xataka.com/basics/herramientas-gratis-para-hacer-esquemas-diagramas-online" data-vars-post-title="7 herramientas web gratis para hacer esquemas y diagramas online" data-vars-post-url="https://www.xataka.com/basics/herramientas-gratis-para-hacer-esquemas-diagramas-online">multitud de herramientas digitales que nos permiten crear diagramas y mapas mentales</a> con este fin. Pero, claro, ChatGPT (al menos no en su versión gratuita) no es capaz de generar directamente este tipo de contenidos… de modo que, ¿en qué nos resulta útil el chatbot de OpenAI en esta tarea?</p>
<!-- BREAK 3 --><p>Bueno, <strong>ChatGPT no crea imágenes, es cierto… pero sí es muy bueno a la hora de generar código</strong>. Y hay muchos tipos de código (como el XML, por ejemplo) que podemos traducir en imágenes usando alguna herramienta gratuita. Y aquí es donde entra Mermaid.</p>
<div class="article-asset article-asset-normal article-asset-center">
 <div class="desvio-container">
  <div class="desvio">
   <div class="desvio-figure js-desvio-figure">
    <a href="https://www.genbeta.com/actualidad/sobresaliente-tiempo-record-gracias-a-chatgpt-este-estudiante-saco-9-4-estudiando-solo-tres-dias" class="pivot-outboundlink" data-vars-post-title="Un sobresaliente en tiempo récord gracias a ChatGPT: este estudiante sacó un 9,4 estudiando solo tres días">
     <img alt="Un&#x20;sobresaliente&#x20;en&#x20;tiempo&#x20;r&#x00E9;cord&#x20;gracias&#x20;a&#x20;ChatGPT&#x3A;&#x20;este&#x20;estudiante&#x20;sac&#x00F3;&#x20;un&#x20;9,4&#x20;estudiando&#x20;solo&#x20;tres&#x20;d&#x00ED;as" width="375" height="142" src="https://i.blogs.es/6150aa/destacada/375_142.webp" onerror='this.src="https://i.blogs.es/6150aa/destacada/375_142.jpeg"'>
    </a>
   </div>
   <div class="desvio-summary">
    <div class="desvio-taxonomy js-desvio-taxonomy">
     <a href="https://www.genbeta.com/actualidad/sobresaliente-tiempo-record-gracias-a-chatgpt-este-estudiante-saco-9-4-estudiando-solo-tres-dias" class="desvio-taxonomy-anchor pivot-outboundlink" data-vars-post-title="Un sobresaliente en tiempo récord gracias a ChatGPT: este estudiante sacó un 9,4 estudiando solo tres días">En Genbeta</a>
    </div>
    <a href="https://www.genbeta.com/actualidad/sobresaliente-tiempo-record-gracias-a-chatgpt-este-estudiante-saco-9-4-estudiando-solo-tres-dias" class="desvio-title js-desvio-title pivot-outboundlink" data-vars-post-title="Un sobresaliente en tiempo récord gracias a ChatGPT: este estudiante sacó un 9,4 estudiando solo tres días">Un sobresaliente en tiempo récord gracias a ChatGPT: este estudiante sacó un 9,4 estudiando solo tres días</a>
   </div>
  </div>
 </div>
</div>
<h2>¿Qué es Mermaid?</h2>
<p>Mermaid es un lenguaje de marcado, <a class="text-outboundlink" href="https://www.genbeta.com/guia-de-inicio/que-es-markdown-para-que-sirve-y-como-usarlo" data-vars-post-title="Qué es Markdown, para qué sirve y cómo usarlo" data-vars-post-url="https://www.genbeta.com/guia-de-inicio/que-es-markdown-para-que-sirve-y-como-usarlo">similar a Markdown</a>, diseñado específicamente para la creación de diagramas y gráficos. Es ampliamente compatible con diversas plataformas y aplicaciones, lo que lo hace accesible para una amplia variedad de usuarios. Destaca por su…</p>
<!-- BREAK 4 --><ul>
  <li><strong>Sencillez de uso</strong>: Mermaid es conocido por su sintaxis simple y fácil de entender. Los usuarios pueden crear diagramas sin la necesidad de aprender un software de diagramación complejo.</li>
</ul><div class="article-asset-image article-asset-normal article-asset-center">
 <div class="asset-content">
     <div class="caption-img ">
                   <img class="centro_sinmarco" height=887 width=938 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/61f310/mermaid1/450_1000.webp 450w, https://i.blogs.es/61f310/mermaid1/650_1200.webp 681w,https://i.blogs.es/61f310/mermaid1/1024_2000.webp 1024w, https://i.blogs.es/61f310/mermaid1/1366_2000.webp 1366w" src="https://i.blogs.es/61f310/mermaid1/450_1000.webp" alt="Mermaid1" onerror="this.src='https://i.blogs.es/61f310/mermaid1/450_1000.jpeg';this.srcset='https://i.blogs.es/61f310/mermaid1/450_1000.jpeg 450w, https://i.blogs.es/61f310/mermaid1/650_1200.jpeg 681w,https://i.blogs.es/61f310/mermaid1/1024_2000.jpeg 1024w, https://i.blogs.es/61f310/mermaid1/1366_2000.jpeg 1366w';return false;">
   <img alt="Mermaid1" class="centro_sinmarco" src="https://i.blogs.es/61f310/mermaid1/450_1000.webp">
   
        <span>Ejemplo de solicitud de código Mermaid en ChatGPT, así como de la sintaxis de este lenguaje.</span>
   </div>
   </div>
</div>
<ul>
  <li><strong>Diversidad de gráficos</strong>: Mermaid admite una amplia gama de diagramas, incluyendo diagramas de flujo, gráficos Gantt, diagramas de secuencia, diagramas de clase y más. Esto lo convierte en una herramienta versátil para diversas aplicaciones.</li>
  <li><strong>Integración</strong>: Mermaid se integra fácilmente en varias plataformas y aplicaciones, lo que permite a los usuarios incorporar diagramas en documentos, presentaciones, sitios web y más.</li>
</ul>
<h2>¿Y qué hacemos con ese código?</h2>
<p>Obviamente, ese código Mermaid generado por ChatGPT <strong>necesita ser convertido de algún modo en gráficos</strong>, ya sea para editarlo visualmente, ya sea para imprimirlo, o para insertarlo en algún artículo. Tenemos varias herramientas a mano para hacerlo, pero aquí repasaremos dos gratuitas y disponibles online:</p>
<!-- BREAK 5 --><h3>Mermaid Live Editor</h3>
<p><a rel="noopener, noreferrer" href="https://mermaid.live/edit">Mermaid Live Editor </a>es una herramienta de código abierto que permite crear diagramas y gráficos interactivos utilizando la sintaxis de Mermaid, de manera sencilla y rápida, así como personalizar la apariencia de los diagramas y agregar etiquetas, notas y enlaces a los elementos.</p>
<!-- BREAK 6 --><div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
     <div class="caption-img ">
                   <img class="" height=900 width=1622 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/e6b638/mermaid2/450_1000.webp 450w, https://i.blogs.es/e6b638/mermaid2/650_1200.webp 681w,https://i.blogs.es/e6b638/mermaid2/1024_2000.webp 1024w, https://i.blogs.es/e6b638/mermaid2/1366_2000.webp 1366w" src="https://i.blogs.es/e6b638/mermaid2/450_1000.webp" alt="Mermaid2" onerror="this.src='https://i.blogs.es/e6b638/mermaid2/450_1000.jpeg';this.srcset='https://i.blogs.es/e6b638/mermaid2/450_1000.jpeg 450w, https://i.blogs.es/e6b638/mermaid2/650_1200.jpeg 681w,https://i.blogs.es/e6b638/mermaid2/1024_2000.jpeg 1024w, https://i.blogs.es/e6b638/mermaid2/1366_2000.jpeg 1366w';return false;">
   <img alt="Mermaid2" class="" src="https://i.blogs.es/e6b638/mermaid2/450_1000.webp">
   
        <span>El código de la imagen anterior, convertido en gráfico en Mermaid Live Editor</span>
   </div>
   </div>
</div>
<p>Esta herramienta permite a los usuarios escribir código en la sintaxis de Mermaid directamente en su interfaz web, y la herramienta generará instantáneamente diagramas interactivos.</p>
<!-- BREAK 7 --><h3>Draw.io</h3>
<p><a rel="noopener, noreferrer" href="https://app.diagrams.net/">Draw.io</a> es una herramienta open source de diagramación online que permite a los usuarios crear una amplia variedad de diagramas y gráficos de manera sencilla y colaborativa. Esta aplicación es ampliamente utilizada en entornos profesionales, académicos y de desarrollo de software debido a su versatilidad y facilidad de uso.</p>
<!-- BREAK 8 --><div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
     <div class="caption-img ">
                   <img class="" height=607 width=1620 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/e3f6fa/mermaid3/450_1000.webp 450w, https://i.blogs.es/e3f6fa/mermaid3/650_1200.webp 681w,https://i.blogs.es/e3f6fa/mermaid3/1024_2000.webp 1024w, https://i.blogs.es/e3f6fa/mermaid3/1366_2000.webp 1366w" src="https://i.blogs.es/e3f6fa/mermaid3/450_1000.webp" alt="Mermaid3" onerror="this.src='https://i.blogs.es/e3f6fa/mermaid3/450_1000.jpeg';this.srcset='https://i.blogs.es/e3f6fa/mermaid3/450_1000.jpeg 450w, https://i.blogs.es/e3f6fa/mermaid3/650_1200.jpeg 681w,https://i.blogs.es/e3f6fa/mermaid3/1024_2000.jpeg 1024w, https://i.blogs.es/e3f6fa/mermaid3/1366_2000.jpeg 1366w';return false;">
   <img alt="Mermaid3" class="" src="https://i.blogs.es/e3f6fa/mermaid3/450_1000.webp">
   
        <span>Y ahora, el mismo código, en Draw.io</span>
   </div>
   </div>
</div>
<p>Draw.io también ofrece la capacidad de generar automáticamente diagramas a partir de la entrada de texto en el formato Mermaid.</p>
<h2>Así se hace</h2>
<p>Podemos introducir un texto largo (por ejemplo, una lección de nuestros apuntes) y pedirle a ChatGPT que<strong> genere, automáticamente y sin pasos intermedios, el correspondiente esquema visual</strong> con los principales conceptos.</p>
<!-- BREAK 9 --><p>¿Con qué prompt? Bueno, pues puede resultar tan sencillo como el siguiente</p>
<blockquote>"Genera un esquema en formato mermaid a partir de este texto:</blockquote>
<blockquote>'TEXTO A INSERTAR'"</blockquote>
<p>Nosotros hemos hecho una prueba con <a rel="noopener, noreferrer" href="https://web.archive.org/web/20180306035911/https://www.boulesis.com/apuntes/apuntes-sobre-platon">unos apuntes nivel Bachillerato sobre la filosofía de Platón</a>:</p>
<div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
                   <img class="" height=583 width=900 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/1188cb/platon0/450_1000.webp 450w, https://i.blogs.es/1188cb/platon0/650_1200.webp 681w,https://i.blogs.es/1188cb/platon0/1024_2000.webp 1024w, https://i.blogs.es/1188cb/platon0/1366_2000.webp 1366w" src="https://i.blogs.es/1188cb/platon0/450_1000.webp" alt="Platon0" onerror="this.src='https://i.blogs.es/1188cb/platon0/450_1000.jpeg';this.srcset='https://i.blogs.es/1188cb/platon0/450_1000.jpeg 450w, https://i.blogs.es/1188cb/platon0/650_1200.jpeg 681w,https://i.blogs.es/1188cb/platon0/1024_2000.jpeg 1024w, https://i.blogs.es/1188cb/platon0/1366_2000.jpeg 1366w';return false;">
   <img alt="Platon0" class="" src="https://i.blogs.es/1188cb/platon0/450_1000.webp">
   
      </div>
</div>
<p>Y este ha sido el resultado:</p>
<div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
                   <img class="" height=644 width=913 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/f809ac/platon1/450_1000.webp 450w, https://i.blogs.es/f809ac/platon1/650_1200.webp 681w,https://i.blogs.es/f809ac/platon1/1024_2000.webp 1024w, https://i.blogs.es/f809ac/platon1/1366_2000.webp 1366w" src="https://i.blogs.es/f809ac/platon1/450_1000.webp" alt="Platon1" onerror="this.src='https://i.blogs.es/f809ac/platon1/450_1000.jpeg';this.srcset='https://i.blogs.es/f809ac/platon1/450_1000.jpeg 450w, https://i.blogs.es/f809ac/platon1/650_1200.jpeg 681w,https://i.blogs.es/f809ac/platon1/1024_2000.jpeg 1024w, https://i.blogs.es/f809ac/platon1/1366_2000.jpeg 1366w';return false;">
   <img alt="Platon1" class="" src="https://i.blogs.es/f809ac/platon1/450_1000.webp">
   
      </div>
</div>
<p>Ahora, sólo tenemos que <strong>hacer clic en 'Copy Code'</strong> y pegar el código en alguna de las aplicaciones antes detalladas.</p>
<p>En <strong>Mermaid Live Editor</strong> sólo tendremos que copiarlo en el cuadro de texto de la izquierda, sobreescribiendo cualquier código previo. Luego, <strong>desplegando el apartado 'Actions' (también en la barra lateral)</strong>, podremos exportar el diagrama a un formato de imagen:</p>
<div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
                   <img class="" height=1080 width=1613 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/a14846/platon2/450_1000.webp 450w, https://i.blogs.es/a14846/platon2/650_1200.webp 681w,https://i.blogs.es/a14846/platon2/1024_2000.webp 1024w, https://i.blogs.es/a14846/platon2/1366_2000.webp 1366w" src="https://i.blogs.es/a14846/platon2/450_1000.webp" alt="Platon2" onerror="this.src='https://i.blogs.es/a14846/platon2/450_1000.jpeg';this.srcset='https://i.blogs.es/a14846/platon2/450_1000.jpeg 450w, https://i.blogs.es/a14846/platon2/650_1200.jpeg 681w,https://i.blogs.es/a14846/platon2/1024_2000.jpeg 1024w, https://i.blogs.es/a14846/platon2/1366_2000.jpeg 1366w';return false;">
   <img alt="Platon2" class="" src="https://i.blogs.es/a14846/platon2/450_1000.webp">
   
      </div>
</div>
<p><strong>En Draw.io</strong>, deberemos acceder a la opción de menú<strong> 'Organizar &gt; Insertar &gt; Avanzado &gt; Mermaid', pegar el código y clicar en 'Insertar'</strong>. Luego, podremos editarlo o bien exportarlo directamente en 'Archivo &gt; Exportar' a varios formatos de imagen o documento (PDF, HTML, etc):</p>
<!-- BREAK 10 --><div class="article-asset-image article-asset-large article-asset-center">
 <div class="asset-content">
                   <img class="" height=811 width=1350 loading="lazy" decoding="async" sizes="100vw" fetchpriority="high" srcset="https://i.blogs.es/d965e8/platon3/450_1000.webp 450w, https://i.blogs.es/d965e8/platon3/650_1200.webp 681w,https://i.blogs.es/d965e8/platon3/1024_2000.webp 1024w, https://i.blogs.es/d965e8/platon3/1366_2000.webp 1366w" src="https://i.blogs.es/d965e8/platon3/450_1000.webp" alt="Platon3" onerror="this.src='https://i.blogs.es/d965e8/platon3/450_1000.jpeg';this.srcset='https://i.blogs.es/d965e8/platon3/450_1000.jpeg 450w, https://i.blogs.es/d965e8/platon3/650_1200.jpeg 681w,https://i.blogs.es/d965e8/platon3/1024_2000.jpeg 1024w, https://i.blogs.es/d965e8/platon3/1366_2000.jpeg 1366w';return false;">
   <img alt="Platon3" class="" src="https://i.blogs.es/d965e8/platon3/450_1000.webp">
   
      </div>
</div>
<h2>¿Por qué hacer esto?</h2>
<p>La combinación de ChatGPT y Mermaid ofrece toda una serie de beneficios:</p>
<ol>
  <li><strong>Ahorro de tiempo</strong>: Generar resúmenes de texto y esquemas visuales es mucho más rápido con la ayuda de la inteligencia artificial, liberando tiempo para otras tareas.</li>
  <li><strong>Claridad y comprensión</strong>: Los resúmenes y esquemas ayudan a los usuarios a entender la información de manera más eficiente.</li>
  <li><strong>Personalización</strong>: ChatGPT permite adaptar los resúmenes al estilo y tono preferidos, o filtrar determinados datos del texto original (por ejemplo, indicando en el prompt que ignore un determinado tema mencionado en el texto).</li>
  <li><strong>Presentación visual atractiva</strong>: Los esquemas de Mermaid ofrecen una forma visualmente atractiva de presentar datos y conceptos complejos.</li>
</ol>
<p>Las aplicaciones son diversas, desde la educación, donde los estudiantes pueden utilizar esta tecnología para comprender mejor sus lecturas, hasta el mundo empresarial, donde los profesionales pueden mejorar &nbsp;informes y presentaciones para ganar prestigio.</p>
<!-- BREAK 11 --><p>Imagen | Marcos Merino mediante IA + Logo de ChatGPT</p>
<p>En Genbeta | <a class="text-outboundlink" href="https://www.genbeta.com/a-fondo/internet-clases-se-estan-llenando-textos-trabajos-hechos-chatgpt-estas-palabras-les-delatan" data-vars-post-title="Las clases (e internet) se están llenando de textos y trabajos hechos con ChatGPT. Estas palabras les delatan" data-vars-post-url="https://www.genbeta.com/a-fondo/internet-clases-se-estan-llenando-textos-trabajos-hechos-chatgpt-estas-palabras-les-delatan">Las clases (e internet) se están llenando de textos y trabajos hechos con ChatGPT. Estas palabras les delatan</a></p>
<script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[Plectica, una herramienta gratis y colaborativa para convertir en diagramas prácticamente cualquier cosa ]]></title>
                <link>https://www.genbeta.com/herramientas/plectica-herramienta-gratis-colaborativa-para-convertir-diagramas-practicamente-cualquier-cosa</link>
                <guid>https://www.genbeta.com/herramientas/plectica-herramienta-gratis-colaborativa-para-convertir-diagramas-practicamente-cualquier-cosa</guid>
                <pubDate>Sun, 24 Mar 2019 16:01:42 +0000</pubDate>
                                         <dc:creator>Toni Castillo</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/670614/87dfecec-0a7d-43ea-a0d2-b27ed85b2a8a/1024_2000.jpg" alt="Plectica,&#x20;una&#x20;herramienta&#x20;gratis&#x20;y&#x20;colaborativa&#x20;para&#x20;convertir&#x20;en&#x20;diagramas&#x20;pr&#x00E1;cticamente&#x20;cualquier&#x20;cosa&#x20;">
    </p>
    <p>Podemos ir olvidándonos de papel, notas adhesivas, bolígrafos de colores, pizarras blancas, rotuladores, corchos, chinchetas... Si buscamos componer un esquema o un diagrama con ideas, resúmenes o cualquier otra cosa que se nos ocurre, <strong><a rel="noopener, noreferrer" href="https://www.plectica.com/">Plectica</a></strong> puede ser la herramienta que andábamos buscando.</p>
<!-- BREAK 1 -->
<p>El planteamiento es sencillo: <strong>un lienzo en blanco para ordenar nuestros pensamientos</strong>. Tanto los individuales como los colectivos, porque la herramienta es colaborativa. Y, además, podemos empezar a usarla gratis.</p>
<!-- BREAK 2 --><!--more-->
<div class="article-asset-summary article-asset-normal"><div class="asset-content"><div class="sumario">"Plectica funciona como lo hace el cerebro humano"</div></div></div><p>Plectica está basada, dicen sus responsables, en años de investigación aplicada sobre cómo pensamos y aprendemos. "Plectica funciona como lo hace el cerebro humano: organizando visualmente partes que pueden combinarse y conectarse entre sí para formar una imagen más completa", explican.</p>
<!-- BREAK 3 --><div class="article-asset article-asset-normal article-asset-center">
 <div class="desvio-container">
  <div class="desvio">
   <div class="desvio-figure js-desvio-figure">
    <a href="https://www.genbeta.com/desarrollo/ecosistema-tensorflow-para-programadores-principiantes-expertos-machine-learning-cursos-lenguajes-edge-computing" class="pivot-outboundlink" data-vars-post-title="El ecosistema de TensorFlow para programadores principiantes y expertos en Machine Learning: cursos, lenguajes y Edge Computing">
     <img alt="El&#x20;ecosistema&#x20;de&#x20;TensorFlow&#x20;para&#x20;programadores&#x20;principiantes&#x20;y&#x20;expertos&#x20;en&#x20;Machine&#x20;Learning&#x3A;&#x20;cursos,&#x20;lenguajes&#x20;y&#x20;Edge&#x20;Computing" width="375" height="142" src="https://i.blogs.es/d52b91/tensorflow-reconocimiento-imagenes/375_142.webp" onerror='this.src="https://i.blogs.es/d52b91/tensorflow-reconocimiento-imagenes/375_142.png"'>
    </a>
   </div>
   <div class="desvio-summary">
    <div class="desvio-taxonomy js-desvio-taxonomy">
     <a href="https://www.genbeta.com/desarrollo/ecosistema-tensorflow-para-programadores-principiantes-expertos-machine-learning-cursos-lenguajes-edge-computing" class="desvio-taxonomy-anchor pivot-outboundlink" data-vars-post-title="El ecosistema de TensorFlow para programadores principiantes y expertos en Machine Learning: cursos, lenguajes y Edge Computing">En Genbeta</a>
    </div>
    <a href="https://www.genbeta.com/desarrollo/ecosistema-tensorflow-para-programadores-principiantes-expertos-machine-learning-cursos-lenguajes-edge-computing" class="desvio-title js-desvio-title pivot-outboundlink" data-vars-post-title="El ecosistema de TensorFlow para programadores principiantes y expertos en Machine Learning: cursos, lenguajes y Edge Computing">El ecosistema de TensorFlow para programadores principiantes y expertos en Machine Learning: cursos, lenguajes y Edge Computing</a>
   </div>
  </div>
 </div>
</div>
<h2>Mapas de nuestras ideas</h2>
<div class="article-asset-video article-asset-large">
 <div class="asset-content">
  <div class="base-asset-video">
   <iframe width="1000" height="563" src="//www.youtube.com/embed/GvW462RIAq8" allowfullscreen></iframe>
  </div>
 </div>
</div>
<p>Tanto da si estamos convirtiendo en diagrama un flujo de trabajo interno empresarial, como si estamos haciendo una lluvia de ideas sobre nuevas oportunidades. <strong>La idea es que todo eso pueda plasmarse en un mapa</strong> de una forma sencilla y clara con la que sea más fácil comprender nuestros propios pensamientos, siendo igualmente sencillo de entender para el resto.</p>
<!-- BREAK 4 -->
<p>Como decíamos, Plectica puede ser una herramienta colaborativa y la realización de diagramas o esquemas puede hacerse junto con otras personas en tiempo real. <strong>Esta opción abre un interesante abanico de posibilidades</strong>.</p>
<!-- BREAK 5 --><div class="article-asset-summary article-asset-normal"><div class="asset-content"><div class="sumario">Los diagramas o esquemas pueden hacerse junto con otras personas en tiempo real</div></div></div><p>Los responsables de la herramienta diagramación colaborativa puede resultar muy interesante a diseñadores, tecnólogos, estrategas, educadores, formuladores de políticas y pensadores de sistemas, pasando por consultores, profesores y directores de proyectos. Y lo cierto, probándola y viendo <a rel="noopener, noreferrer" href="https://www.plectica.com/examples">los ejemplos que nos dan</a>, es que <strong>resulta ideal para cualquiera que necesite trabajar con ideas, procesos o sistemas complejos</strong> y no quiera complicarse llevando a cabo este tipo de plasmaciones gráficas con herramientas demasiado complejas o en papel.</p>
<!-- BREAK 6 --><script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[Creately, otra opción más para la creación de diagramas]]></title>
                <link>https://www.genbeta.com/web/creately-otra-opcion-mas-para-la-creacion-de-diagramas</link>
                <guid>https://www.genbeta.com/web/creately-otra-opcion-mas-para-la-creacion-de-diagramas</guid>
                <pubDate>Mon, 18 May 2009 00:40:35 +0000</pubDate>
                                         <dc:creator>- -</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/09a5cc/creately/1024_2000.png" alt="Creately,&#x20;otra&#x20;opci&#x00F3;n&#x20;m&#x00E1;s&#x20;para&#x20;la&#x20;creaci&#x00F3;n&#x20;de&#x20;diagramas">
    </p>
    <p></p>
<p><br />
<strong>Creately</strong> es una opción más que tenemos los usuarios a la hora de <strong>realizar diagramas a través de Internet</strong>. Se trata de un servicio online que destaca por la cantidad de elementos, divididos en diferentes categorías, que podemos añadir a nuestros diagramas, además de su facilidad de uso.</p>
<!-- BREAK 1 -->
<p>De momento está en beta privada, aunque la invitación para formar parte de este servicio como usuario no tarda mucho en llegar. Y una vez estemos registrados, podemos abrir cualquier diagrama existente, o bien abrir uno nuevo, ya sea a través de una de las plantillas que tenemos a nuestra disposición, o bien podemos empezar desde cero.<br /></p>
<!-- BREAK 2 --><!--more--><p></p>

<p>Ya sólo nos <strong>queda arrastrar los diferentes elementos a nuestro área de trabajo</strong>, estableciendo los enlaces entre los diferentes objetos, pudiendo modificar sus propiedades, tanto de los objetos como las de sus enlaces. Pero como era de esperar, podemos contar con la colaboración de otros usuarios a los que invitemos, con lo que éstos también podrán hacer las correspondientes modificaciones, además de añadir comentarios sobre los objetos seleccionados.</p>
<!-- BREAK 3 -->
<p>En el caso de que queramos compartir nuestros diagramas, podemos hacerlos públicos, obteniendo por ellos sus correspondientes enlaces, de manera que dichos enlaces podemos distribuirlos por diferentes vías, aunque desde Creately nos facilita su publicación vía Twitter, que en la actualidad no funciona. También podemos exportar los diagramas como imágenes, como archivos <span class="caps">PDF</span> o como archivos <span class="caps">XML</span>. </p>
<!-- BREAK 4 -->
<p>Una opción bastante recomendable.</p>

<p>Enlace | <a rel="noopener, noreferrer" href="http://creately.com/">Creately</a></p>
<script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[Lucidchart, genera diagramas a través de Internet]]></title>
                <link>https://www.genbeta.com/web/lucidchart-genera-diagramas-a-traves-de-internet</link>
                <guid>https://www.genbeta.com/web/lucidchart-genera-diagramas-a-traves-de-internet</guid>
                <pubDate>Tue, 16 Dec 2008 03:16:20 +0000</pubDate>
                                         <dc:creator>- -</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/a16e9d/lucidchart/1024_2000.jpg" alt="Lucidchart,&#x20;genera&#x20;diagramas&#x20;a&#x20;trav&#x00E9;s&#x20;de&#x20;Internet">
    </p>
    <p>¿Estás buscando una aplicación online que te permita crear un diagrama de flujo y que sea fácil de usar? Pues puedes probar <strong>Lucidchart</strong>, que puede ser justo lo que estás buscando. Con <strong>Lucidchart</strong> podrás crear tus propios diagramas, ya que dispone de una serie de clip-arts, siendo el primero de ellos el que dispone de los elementos para crear tus diagramas de flujo, aunque también dispone de clip-arts con iconos de redes, de electrónica, de equipamiento de audio, e incluso puedes usar tus propias imágenes.</p>
<!-- BREAK 1 -->
<p>Pero no sólo eso, ya que en la versión gratuita, limitada en cuanto a almacenamiento a 1 MB, puedes compartir tus documentos con hasta cuatro usuarios más de tu organización.</p>
<!-- BREAK 2 --><!--more--><p>El funcionamiento es sencillo, ya que a la hora de crear un nuevo documento, a la izquierda del espacio de trabajo elegirás los clip-arts de donde elegirás aquellos iconos que desees añadir con sólo arrastrarlos a la cuadrícula, pudiendo modificar cada uno de los elementos que ya tengas en él. Además, podrás añadir varias páginas si quieres.</p>
<!-- BREAK 3 -->
<p>Dispones de un menú que te permitirá modificar el formato de la página, guardar el documento en diferentes formatos, editarlo o incluso usar diferentes niveles de visualización, o sea, puedes hacer zoom.</p>
<!-- BREAK 4 -->
<p>Se trata de una herramienta sencilla de usar cuyas funciones básicas son más que suficientes.</p>

<p>Vía | <a rel="noopener, noreferrer" href="http://www.kabytes.com/aplicaciones-online/herramienta-para-crear-diagramas-de-flujo/">Kabytes</a>
Enlace | <a rel="noopener, noreferrer" href="http://www.lucidchart.com">Lucidchart</a></p>
<script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[Flowchart, creando nuestros diagramas de forma colaborativa]]></title>
                <link>https://www.genbeta.com/web/flowchart-creando-nuestros-diagramas-de-forma-colaborativa</link>
                <guid>https://www.genbeta.com/web/flowchart-creando-nuestros-diagramas-de-forma-colaborativa</guid>
                <pubDate>Fri, 23 May 2008 01:35:08 +0000</pubDate>
                                         <dc:creator>- -</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/f218ca/flowchart/1024_2000.jpg" alt="Flowchart,&#x20;creando&#x20;nuestros&#x20;diagramas&#x20;de&#x20;forma&#x20;colaborativa">
    </p>
    <p><strong>Flowchart</strong> es otra de las opciones que nos encontramos en Internet para <strong>generar nuestros diagramas de flujo</strong>. Desde él podemos comenzar a realizar nuestros diagramas partiendo de una plantilla en blanco o bien optar por elegir una de las plantillas disponibles, entre ellas, las que tengamos como favoritas o incluso hayamos creado nosotros mismos. Para la realización de nuestros diagramas, también <strong>podemos facilitar el acceso a nuestros compañeros, ya sea con acceso de sólo lectura o acceso completo</strong>. En todo caso, estableceremos contacto entre todos los participantes mediante un chat integrado.</p>
<!-- BREAK 1 -->
<p>Para que nos podamos hacer una idea, tenemos nuestro área de trabajo con nuestra página, con la rejilla activa por defecto, más dos ventanas flotantes, donde la primera nos mostrará una previsualización y la segunda es una barra de utilidades, de donde entre otras cosas, podemos ver las propiedades y cambiar de cada objeto y ver un historial de cambios.</p>
<!-- BREAK 2 --><!--more--><p><strong>Tenemos un menú horizontal de funciones, donde encontraremos las funciones generales de la aplicación</strong> así como otras que nos permiten, entre otras cosas, hacer zoom a la página, seleccionar diferentes tipos de objetos y vínculos, además de cambiar el orden de cada objeto. Curiosamente, <strong>también podemos crear y ejecutar nuestros propios scripts además de realizar macros</strong>.</p>
<!-- BREAK 3 -->
<p>A la izquierda <strong>tenemos una barra de cliparts</strong>, donde accederemos a una extensa colección de objetos clasificados por categorías, y desde donde también accederemos tanto a las imágenes, scripts y plantillas propias como a las existentes en <strong>Flowchart</strong>.</p>
<!-- BREAK 4 -->
<p>Sobre cada documento podemos crear diferentes páginas y sobre ellas añadir notas. <strong>Flowchart</strong> es una aplicación de acceso sólo por invitación, aunque ya adelanto que es un poco pesada para nuestros pobres navegadores, o al menos esa ha sido mi percepción. Quien desee utilizarlo, podrá pedir su invitación y en muy pocos días la tendrá en su buzón de correo.</p>
<!-- BREAK 5 -->
<p>Enlace | <a rel="noopener, noreferrer" href="http://www.flowchart.com">Flowchart</a></p>
<script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[MindMeister 2.0, la evolución de este servicio de creación de mapas mentales]]></title>
                <link>https://www.genbeta.com/web/mindmeister-20-la-evolucion-de-este-servicio-de-creacion-de-mapas-mentales</link>
                <guid>https://www.genbeta.com/web/mindmeister-20-la-evolucion-de-este-servicio-de-creacion-de-mapas-mentales</guid>
                <pubDate>Fri, 25 Apr 2008 01:18:33 +0000</pubDate>
                                         <dc:creator>- -</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/b79c21/mindmeister20/1024_2000.jpg" alt="MindMeister&#x20;2.0,&#x20;la&#x20;evoluci&#x00F3;n&#x20;de&#x20;este&#x20;servicio&#x20;de&#x20;creaci&#x00F3;n&#x20;de&#x20;mapas&#x20;mentales">
    </p>
    <p>O evolucionar o morir. <strong>MindMeister</strong> del que <a href="https://www.genbeta.com/2007/02/19-mindmeister-creando-diagramas-de-forma-colaborativa">hablamos hace más de un año</a>, ha presentado recientemente su <strong>versión 2.0</strong>, con un n<strong>úmero importante de características, las cuales han sido mayoritariamentes demandadas por los propios usuarios</strong>, aunque como bien afirman en su blog, todavía quedan otras funciones por añadir.</p>
<!-- BREAK 1 -->
<p>Entre las más destacadas nos encontramos con la posibilidad de añadir información de tareas, archivos adjuntos, y enlaces y notas, sobre las propias ideas, la posibilidad de que los colaboradores puedan invitar a otros usuarios cuando comparten un mapa, mejoras a la hora de exportar e imprimir, <strong>acceso también mediante OpenID</strong>, <strong>soporte de Paypal</strong>, etc.</p>
<!-- BREAK 2 -->
<p>También va <strong>acompañado de un renovado interface</strong> que permite trabajar con mejor comodidad y rapidez dentro de esta aplicación.</p>

<p>Sin duda, una de las mejores herramientas para la creación de mapas mentales a través de Internet, muy completo y muy fácil de usar.</p>

<p>Vía | <a rel="noopener, noreferrer" href="http://www.maestroalberto.it/2008/04/24/mindmeister-20-mappe-mentali-online/">Maestro Alberto</a>
Enlace | <a rel="noopener, noreferrer" href="http://www.mindmeister.com">MindMeister 2.0</a></p>
<script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[WiseMapping, creando mapas mentales]]></title>
                <link>https://www.genbeta.com/web/wisemapping-creando-mapas-mentales</link>
                <guid>https://www.genbeta.com/web/wisemapping-creando-mapas-mentales</guid>
                <pubDate>Mon, 08 Oct 2007 23:48:32 +0000</pubDate>
                                         <dc:creator>- -</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/2da389/wisemapping/1024_2000.jpg" alt="WiseMapping,&#x20;creando&#x20;mapas&#x20;mentales">
    </p>
    <p>Ya conocemos varias herramientas para la creación de mapas mentales, y como la competencia es buena para el beneficio del usuario, ahora nos encontramos con <strong>WiseMapping</strong>.</p>
<!-- BREAK 1 -->
<p>De momento está en fase beta cerrada, pero por suerte <strong>podemos probar una demo de su funcionamiento</strong>, incluso tenemos la suerte de tenerlo en español, aunque la presentación de sus textos deje, por ahora, algo que desear.</p>
<!-- BREAK 2 -->
<p>Y no hace falta decir que partimos de una burbuja raíz desde donde podemos partir las nuevas ramificaciones, que podemos personalizar su burbuja en cuanto a tamaño, color de fondo, de tipografía y su color. Además, podemos hacer que cualquiera de estas burbujas formen parte de otras burbujas jerarquicamente creadas, para lo que deberemos de crearlas y arrastrarlas desde la burbuja raíz a la burbuja que queramos asociarla.</p>
<!-- BREAK 3 -->
<p>Además, son tan buenos que <strong>nos permiten dejarles comentarios a los desarrolladores</strong>. Si mejoran los textos quizás sea una buena opción a tener en cuenta, ya que incluso permite la edición colaborativa.</p>
<!-- BREAK 4 -->
<p>Vía | <a rel="noopener, noreferrer" href="http://www.web2null.de/wisemapping">Web2Null</a>
Enlace | <a rel="noopener, noreferrer" href="http://www.wisemapping.com">WiseMapping</a></p>
<script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[Best4c, herramienta online para la creación de diagramas]]></title>
                <link>https://www.genbeta.com/web/best4c-herramienta-online-para-la-creacion-de-diagramas</link>
                <guid>https://www.genbeta.com/web/best4c-herramienta-online-para-la-creacion-de-diagramas</guid>
                <pubDate>Sun, 26 Aug 2007 18:06:31 +0000</pubDate>
                                         <dc:creator>- -</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/f3ef93/best4c/1024_2000.jpg" alt="Best4c,&#x20;herramienta&#x20;online&#x20;para&#x20;la&#x20;creaci&#x00F3;n&#x20;de&#x20;diagramas">
    </p>
    <p><strong>Best4c</strong> es otra de las aplicaciones online realizada en flash que nos permitirán el <strong>desarrollo de diagramas</strong>, aunque en esta ocasión nos permite realizar <strong>diferentes tipos de diagramas</strong> de un modo sencillo e intuitivo a través de la misma aplicación. Diagramas de flujo, organización de elemenos en una planta, diagramas de redes o cualquier otro diagrama que nos interese realizar gracias a su librería de elementos clasificados en diferentes categorías. En el caso de que queramos añadir otros elementos no existentes en la librería, podemos generarlos y subirlos como imagen.</p>
<!-- BREAK 1 --><!--more--><p>Lo único que deberemos de hacer es arrastrar cada elemento al escritorio virtual e ir enlazándolo con otros elementos que hayamos añadido previamente. Nos permite además añadir textos, cuadros y círculos. Además, sobre cada elemento que hayamos seleccionado, nos permitirá modificar sus propiedades a través de la barra lateral derecha o directamente en el mismo icono a través de los puntos de selección. Igualmente podemos modificar su posición.</p>
<!-- BREAK 2 -->
<p>Una vez finalizado nuestro desarrollo, podemos guardarlo en nuestra cuenta como privado, público o compartido, y en éste caso nos facilita la url del mismo diagrama. Por desgracia no cuenta con ninguna opción para su impresión o exportación.</p>
<!-- BREAK 3 -->
<p>Vía | <a rel="noopener, noreferrer" href="http://www.webware.com/8301-1_109-9766219-2.html?part=rss&tag=feed&subj=Webware">Webware</a>
Enlace | <a rel="noopener, noreferrer" href="http://www.best4c.com">Best4c</a></p>
<script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
                                <item>
                <title><![CDATA[Draw Anywhere, otra herramienta online para la creación de diagramas]]></title>
                <link>https://www.genbeta.com/web/draw-anywhere-otra-herramienta-online-para-la-creacion-de-diagramas</link>
                <guid>https://www.genbeta.com/web/draw-anywhere-otra-herramienta-online-para-la-creacion-de-diagramas</guid>
                <pubDate>Sun, 05 Aug 2007 01:31:51 +0000</pubDate>
                                         <dc:creator>- -</dc:creator>
                                       <description>
                    <![CDATA[
                              <p>
      <img src="https://i.blogs.es/46c09d/draw-20anywhere/1024_2000.jpg" alt="Draw&#x20;Anywhere,&#x20;otra&#x20;herramienta&#x20;online&#x20;para&#x20;la&#x20;creaci&#x00F3;n&#x20;de&#x20;diagramas">
    </p>
    <p>Creo que la imagen ya lo dice todo, <strong>Draw Anywhere</strong> es una herramienta online desarrollada en flash para la<strong> creación y modificación de diagramas</strong>, aunque la posibilidad de colaboración colectiva queda para más adelante, ya que está en desarrollo.</p>
<!-- BREAK 1 -->
<p>Y como podemos observar, tenemos un par de menús laterales, del cual desde el izquiero escogeremos algunos de los objetos, divididos en diferentes galerías, que arrastraremos al escritorio virtual, que podremos modificar su tamaño, verlo a varios niveles de zoom y ajustarnos con las líneas guía; y desde el menú derecho cambiaremos las propiedades y le añadiremos el texto. También tenemos una botonera horizontal donde obtendremos otras funcionalides o añadiremos otros objetos, como los conectores.</p>
<!-- BREAK 2 -->
<p>Ya poco queda por comentar, sólo que podemos exportar como PDF, como imagen (JPG, GIF, PNG, BMP y TIFF) y que una vez más no tendremos que instalar ninguna herramienta de escritorio, aunque deberemos de tener instalado Flash 9 para poder usarlo.</p>
<!-- BREAK 3 -->
<p>Vía | <a rel="noopener, noreferrer" href="http://feeds.feedburner.com/~r/Go2web20net/~3/140353843/">Go2Web20</a>
Enlace | <a rel="noopener, noreferrer" href="http://www.drawanywhere.com/">Draw Anywhere</a></p>
<script>
 (function() {
  window._JS_MODULES = window._JS_MODULES || {};
  var headElement = document.getElementsByTagName('head')[0];
  if (_JS_MODULES.instagram) {
   var instagramScript = document.createElement('script');
   instagramScript.src = 'https://platform.instagram.com/en_US/embeds.js';
   instagramScript.async = true;
   instagramScript.defer = true;
   headElement.appendChild(instagramScript);
  }
 })();
</script>

                    ]]>
                </description>
            </item>
            </channel>
</rss>
