<mxfile host="Electron" modified="2024-03-05T11:38:39.894Z" agent="Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/23.1.5 Chrome/120.0.6099.109 Electron/28.1.0 Safari/537.36" etag="26dI-dT0HtbrnCjPmZsN" version="23.1.5" type="device">
  <diagram id="80t9Ax6jirF8QMyXpd1n" name="Page-1">
    <mxGraphModel dx="1645" dy="1936" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" background="#ffffff" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="106" value="" style="rounded=0;whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#DFE1E5;strokeColor=none;fontSize=14;verticalAlign=top;" parent="1" vertex="1">
          <mxGeometry x="-540" y="390" width="660" height="330" as="geometry" />
        </mxCell>
        <mxCell id="75" value="&lt;div style=&quot;&quot;&gt;&lt;b&gt;&lt;font color=&quot;#ffffff&quot; style=&quot;font-size: 20px;&quot;&gt;arduino-esp32&lt;/font&gt;&lt;/b&gt;&lt;/div&gt;" style="rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#8F969B;strokeColor=none;fontColor=#000000;fontSize=14;align=center;arcSize=0;" parent="1" vertex="1">
          <mxGeometry x="-540" y="790" width="660" height="40" as="geometry" />
        </mxCell>
        <mxCell id="118" value="&lt;span style=&quot;&quot;&gt;&lt;font style=&quot;font-size: 10px;&quot;&gt;&lt;font color=&quot;#ffffff&quot;&gt;Released&amp;nbsp;&lt;/font&gt;&lt;br&gt;&lt;/font&gt;&lt;/span&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#4A4E5F;strokeColor=none;fontColor=#000000;fontSize=11;gradientColor=none;arcSize=14;fontStyle=0" parent="1" vertex="1">
          <mxGeometry x="-10" y="290" width="130" height="20" as="geometry" />
        </mxCell>
        <mxCell id="119" value="&lt;span style=&quot;font-size: 10px;&quot;&gt;&lt;font color=&quot;#ffffff&quot;&gt;Developing&lt;/font&gt;&lt;/span&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#DB1D1D;strokeColor=none;fontSize=10;arcSize=14;fontColor=#000000;fontStyle=0" parent="1" vertex="1">
          <mxGeometry x="-10" y="320" width="130" height="20" as="geometry" />
        </mxCell>
        <mxCell id="120" value="&lt;font color=&quot;#ffffff&quot;&gt;Dependency&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;labelBackgroundColor=none;fillColor=#8F969B;strokeColor=none;fontColor=#000000;fontSize=10;fontStyle=0" parent="1" vertex="1">
          <mxGeometry x="-10" y="350" width="130" height="20" as="geometry" />
        </mxCell>
        <mxCell id="126" value="&lt;b style=&quot;&quot;&gt;&lt;font color=&quot;#ffffff&quot; style=&quot;font-size: 20px;&quot;&gt;ESP32_IO_Expander&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#8F969B;strokeColor=none;fontSize=14;arcSize=0;strokeWidth=1;" parent="1" vertex="1">
          <mxGeometry x="-540" y="740" width="220" height="40" as="geometry" />
        </mxCell>
        <mxCell id="133" value="&lt;b style=&quot;color: rgb(0, 0, 0);&quot;&gt;&lt;font style=&quot;font-size: 20px;&quot;&gt;ESP32_Display_Panel&lt;/font&gt;&lt;/b&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="1" vertex="1">
          <mxGeometry x="-312.5" y="400" width="205" height="30" as="geometry" />
        </mxCell>
        <mxCell id="141" value="&lt;span style=&quot;font-size: 18px;&quot;&gt;GUI Porting&lt;/span&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=top;fillColor=#FFFFFF;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="1" vertex="1">
          <mxGeometry x="-70" y="540" width="160" height="160" as="geometry" />
        </mxCell>
        <mxCell id="147" value="&lt;b&gt;&lt;font color=&quot;#ffffff&quot;&gt;lvgl&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#DB1D1D;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="1" vertex="1">
          <mxGeometry x="-60" y="580" width="140" height="30" as="geometry" />
        </mxCell>
        <mxCell id="148" value="&lt;font style=&quot;font-size: 18px;&quot;&gt;Examples&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=top;fillColor=#FFFFFF;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=8;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="1" vertex="1">
          <mxGeometry x="-520" y="440" width="610" height="90" as="geometry" />
        </mxCell>
        <mxCell id="149" value="&lt;b&gt;&lt;font color=&quot;#ffffff&quot;&gt;LCD&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#4A4E5F;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="1" vertex="1">
          <mxGeometry x="-505" y="480" width="90" height="30" as="geometry" />
        </mxCell>
        <mxCell id="161" value="&lt;font color=&quot;#ffffff&quot;&gt;&lt;b&gt;Touch&lt;/b&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#4A4E5F;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="1" vertex="1">
          <mxGeometry x="-380" y="480" width="90" height="30" as="geometry" />
        </mxCell>
        <mxCell id="164" value="&lt;font color=&quot;#ffffff&quot;&gt;&lt;b&gt;Squareline&lt;/b&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#4A4E5F;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="1" vertex="1">
          <mxGeometry x="-27.5" y="480" width="107.5" height="30" as="geometry" />
        </mxCell>
        <mxCell id="0KeMY05UaHGLRQlryOO--164" value="" style="group" parent="1" vertex="1" connectable="0">
          <mxGeometry x="-300" y="540" width="220" height="160" as="geometry" />
        </mxCell>
        <mxCell id="134" value="&lt;font style=&quot;font-size: 18px;&quot;&gt;Devices&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=top;fillColor=#FFFFFF;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="0KeMY05UaHGLRQlryOO--164" vertex="1">
          <mxGeometry width="220" height="160" as="geometry" />
        </mxCell>
        <mxCell id="96" value="&lt;b style=&quot;font-size: 14px;&quot;&gt;&lt;font color=&quot;#ffffff&quot;&gt;Bus&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#4A4E5F;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="0KeMY05UaHGLRQlryOO--164" vertex="1">
          <mxGeometry x="15" y="120" width="90" height="30" as="geometry" />
        </mxCell>
        <mxCell id="135" value="&lt;b&gt;&lt;font color=&quot;#ffffff&quot;&gt;LCD&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#4A4E5F;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="0KeMY05UaHGLRQlryOO--164" vertex="1">
          <mxGeometry x="15" y="40" width="90" height="30" as="geometry" />
        </mxCell>
        <mxCell id="137" value="&lt;b style=&quot;font-size: 14px;&quot;&gt;&lt;font color=&quot;#ffffff&quot;&gt;Backlight&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#4A4E5F;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="0KeMY05UaHGLRQlryOO--164" vertex="1">
          <mxGeometry x="115" y="40" width="90" height="30" as="geometry" />
        </mxCell>
        <mxCell id="138" value="&lt;b&gt;&lt;font color=&quot;#ffffff&quot;&gt;Touch&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#4A4E5F;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="0KeMY05UaHGLRQlryOO--164" vertex="1">
          <mxGeometry x="15" y="80" width="90" height="30" as="geometry" />
        </mxCell>
        <mxCell id="150" value="&lt;b&gt;&lt;font color=&quot;#ffffff&quot;&gt;Button&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#DB1D1D;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="0KeMY05UaHGLRQlryOO--164" vertex="1">
          <mxGeometry x="115" y="80" width="90" height="30" as="geometry" />
        </mxCell>
        <mxCell id="151" value="&lt;b&gt;&lt;font color=&quot;#ffffff&quot;&gt;Knob&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#DB1D1D;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="0KeMY05UaHGLRQlryOO--164" vertex="1">
          <mxGeometry x="115" y="120" width="90" height="30" as="geometry" />
        </mxCell>
        <mxCell id="5CS5_83MEDOezN7YgZgK-164" value="&lt;font color=&quot;#ffffff&quot;&gt;&lt;b&gt;Panel&lt;/b&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#4A4E5F;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" vertex="1" parent="1">
          <mxGeometry x="-260" y="480" width="90" height="30" as="geometry" />
        </mxCell>
        <mxCell id="0KeMY05UaHGLRQlryOO--167" value="" style="group" parent="1" vertex="1" connectable="0">
          <mxGeometry x="-520" y="540" width="210" height="160" as="geometry" />
        </mxCell>
        <mxCell id="152" value="&lt;span style=&quot;font-size: 18px;&quot;&gt;Bus&lt;/span&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=top;fillColor=#FFFFFF;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="0KeMY05UaHGLRQlryOO--167" vertex="1">
          <mxGeometry width="210" height="160" as="geometry" />
        </mxCell>
        <mxCell id="155" value="&lt;b&gt;&lt;font color=&quot;#ffffff&quot;&gt;SPI&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#4A4E5F;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="0KeMY05UaHGLRQlryOO--167" vertex="1">
          <mxGeometry x="10" y="80" width="90" height="30" as="geometry" />
        </mxCell>
        <mxCell id="156" value="&lt;b&gt;&lt;font color=&quot;#ffffff&quot;&gt;3-wire SPI + RGB&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#4A4E5F;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="0KeMY05UaHGLRQlryOO--167" vertex="1">
          <mxGeometry x="10" y="120" width="190" height="30" as="geometry" />
        </mxCell>
        <mxCell id="158" value="&lt;b&gt;&lt;font color=&quot;#ffffff&quot;&gt;I80&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#DB1D1D;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="0KeMY05UaHGLRQlryOO--167" vertex="1">
          <mxGeometry x="110" y="80" width="90" height="30" as="geometry" />
        </mxCell>
        <mxCell id="160" value="&lt;b&gt;&lt;font color=&quot;#ffffff&quot;&gt;QSPI&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#4A4E5F;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="0KeMY05UaHGLRQlryOO--167" vertex="1">
          <mxGeometry x="110" y="40" width="90" height="30" as="geometry" />
        </mxCell>
        <mxCell id="154" value="&lt;b&gt;&lt;font color=&quot;#ffffff&quot;&gt;I2C&lt;/font&gt;&lt;/b&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#4A4E5F;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="0KeMY05UaHGLRQlryOO--167" vertex="1">
          <mxGeometry x="10" y="40" width="90" height="30" as="geometry" />
        </mxCell>
        <mxCell id="162" value="&lt;font color=&quot;#ffffff&quot;&gt;&lt;b&gt;LVGL&lt;/b&gt;&lt;/font&gt;" style="rounded=1;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#4A4E5F;strokeColor=none;fontColor=#000000;fontSize=14;gradientColor=none;arcSize=5;strokeWidth=2;movable=1;resizable=1;rotatable=1;deletable=1;editable=1;connectable=1;" parent="1" vertex="1">
          <mxGeometry x="-140" y="480" width="90" height="30" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>
