Editor de diagramas @nitoku_es.público · Nitoku

El componente para editar gráficos se ha creado en esta página especial donde encontrarás todos los detalles acerca de este bloque: https://www.nitoku.com/@nitoku.public/graph

Se puede pulsar el botón de editar que hay encima de la imagen para entrar en el editor para gráficos.

<mxGraphModel dx="571" dy="787" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" background="#ffffff" readOnly="false">
  <root>
    <mxCell id="0"/>
    <mxCell id="1" parent="0"/>
    <mxCell id="11" value="" style="ellipse;html=1;strokeWidth=4;fillColor=#10739E;strokeColor=#ffffff;shadow=0;fontSize=10;fontColor=#FFFFFF;align=center;fontStyle=0;whiteSpace=wrap;spacing=10;" parent="1" vertex="1">
      <mxGeometry x="6.5" y="9" width="350" height="350" as="geometry"/>
    </mxCell>
    <mxCell id="12" value="" style="ellipse;html=1;strokeWidth=4;fillColor=#F2931E;strokeColor=#ffffff;shadow=0;fontSize=10;fontColor=#FFFFFF;align=center;fontStyle=0;whiteSpace=wrap;spacing=10;" parent="1" vertex="1">
      <mxGeometry x="56.5" y="109" width="250" height="250" as="geometry"/>
    </mxCell>
    <mxCell id="13" value="" style="ellipse;html=1;strokeWidth=4;fillColor=#AE4132;strokeColor=#ffffff;shadow=0;fontSize=10;fontColor=#FFFFFF;align=center;fontStyle=0;whiteSpace=wrap;spacing=10;" parent="1" vertex="1">
      <mxGeometry x="106.5" y="209" width="150" height="150" as="geometry"/>
    </mxCell>
    <mxCell id="14" value="" style="ellipse;html=1;strokeWidth=4;fillColor=#23445D;strokeColor=#ffffff;shadow=0;fontSize=10;fontColor=#FFFFFF;align=center;fontStyle=0;whiteSpace=wrap;spacing=10;" parent="1" vertex="1">
      <mxGeometry x="156.5" y="309" width="50" height="50" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

<mxGraphModel dx="1341" dy="787" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" background="#ffffff" readOnly="false">
  <root>
    <mxCell id="0"/>
    <mxCell id="1" parent="0"/>
    <mxCell id="15" value="Lorem ipsum&lt;br&gt; dolor sit amet, consectetur adipisicing elit" style="shape=hexagon;strokeWidth=4;html=1;fillColor=#F5AB50;strokeColor=#ffffff;shadow=0;fontSize=10;fontColor=#FFFFFF;align=center;fontStyle=0;whiteSpace=wrap;spacing=10;rounded=0;" parent="1" vertex="1">
      <mxGeometry x="10" y="61" width="112" height="102" as="geometry"/>
    </mxCell>
    <mxCell id="16" value="Lorem ipsum&lt;br&gt; dolor sit amet, consectetur adipisicing elit" style="shape=hexagon;strokeWidth=4;html=1;fillColor=#E85642;strokeColor=#ffffff;shadow=0;fontSize=10;fontColor=#FFFFFF;align=center;fontStyle=0;whiteSpace=wrap;spacing=10;rounded=0;" parent="1" vertex="1">
      <mxGeometry x="10" y="163" width="112" height="102" as="geometry"/>
    </mxCell>
    <mxCell id="17" value="Lorem ipsum&lt;br&gt; dolor sit amet, consectetur adipisicing elit" style="shape=hexagon;strokeWidth=4;html=1;fillColor=#12AAB5;strokeColor=#ffffff;shadow=0;fontSize=10;fontColor=#FFFFFF;align=center;fontStyle=0;whiteSpace=wrap;spacing=10;rounded=0;" parent="1" vertex="1">
      <mxGeometry x="94" y="112" width="112" height="102" as="geometry"/>
    </mxCell>
    <mxCell id="18" value="Lorem ipsum&lt;br&gt; dolor sit amet, consectetur adipisicing elit" style="shape=hexagon;strokeWidth=4;html=1;fillColor=#1699D3;strokeColor=#ffffff;shadow=0;fontSize=10;fontColor=#FFFFFF;align=center;fontStyle=0;whiteSpace=wrap;spacing=10;rounded=0;" parent="1" vertex="1">
      <mxGeometry x="94" y="10" width="112" height="102" as="geometry"/>
    </mxCell>
    <mxCell id="19" value="Lorem ipsum&lt;br&gt; dolor sit amet, consectetur adipisicing elit" style="shape=hexagon;strokeWidth=4;html=1;fillColor=#736CA8;strokeColor=#ffffff;shadow=0;fontSize=10;fontColor=#FFFFFF;align=center;fontStyle=0;whiteSpace=wrap;spacing=10;rounded=0;" parent="1" vertex="1">
      <mxGeometry x="178" y="61" width="112" height="102" as="geometry"/>
    </mxCell>
    <mxCell id="20" value="Lorem ipsum&lt;br&gt; dolor sit amet, consectetur adipisicing elit" style="shape=hexagon;strokeWidth=4;html=1;fillColor=#2F5B7C;strokeColor=#ffffff;shadow=0;fontSize=10;fontColor=#FFFFFF;align=center;fontStyle=0;whiteSpace=wrap;spacing=10;rounded=0;" parent="1" vertex="1">
      <mxGeometry x="178" y="163" width="112" height="102" as="geometry"/>
    </mxCell>
    <mxCell id="21" value="Lorem ipsum&lt;br&gt; dolor sit amet, consectetur adipisicing elit" style="shape=hexagon;strokeWidth=4;html=1;fillColor=#777777;strokeColor=#ffffff;shadow=0;fontSize=10;fontColor=#FFFFFF;align=center;fontStyle=0;whiteSpace=wrap;spacing=10;rounded=0;" parent="1" vertex="1">
      <mxGeometry x="94" y="214" width="112" height="102" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

Nitoku is serviced from cloud infrastructure in USA 🇺🇸, provided from Spain 🇪🇸, developed with ❤️ in Japan 🇯🇵 Tokyo 🗼. Copyright © 2019 Nitoku Europe S.L. Icons by Icon8 🔗