diff --git a/interface.drawio b/interface.drawio
new file mode 100644
index 0000000..6288d66
--- /dev/null
+++ b/interface.drawio
@@ -0,0 +1,57 @@
+<mxfile host="app.diagrams.net" agent="Mozilla/5.0 (X11; Linux x86_64; rv:145.0) Gecko/20100101 Firefox/145.0" version="29.2.7">
+  <diagram name="Page-1" id="Ew5I5ZeRIIMke-HqGFLG">
+    <mxGraphModel dx="755" dy="463" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
+      <root>
+        <mxCell id="0" />
+        <mxCell id="1" parent="0" />
+        <mxCell id="IgwwexqqpmUSwpV-4rRh-3" edge="1" parent="1" source="IgwwexqqpmUSwpV-4rRh-1" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" target="IgwwexqqpmUSwpV-4rRh-2" value="">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="IgwwexqqpmUSwpV-4rRh-5" edge="1" parent="1" source="IgwwexqqpmUSwpV-4rRh-1" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" target="IgwwexqqpmUSwpV-4rRh-4" value="">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="IgwwexqqpmUSwpV-4rRh-1" parent="1" style="ellipse;whiteSpace=wrap;html=1;fillColor=#e51400;fontColor=#ffffff;strokeColor=#B20000;" value="&lt;div&gt;Raspberry PI 3 B&lt;/div&gt;" vertex="1">
+          <mxGeometry height="80" width="120" x="370" y="390" as="geometry" />
+        </mxCell>
+        <mxCell id="IgwwexqqpmUSwpV-4rRh-7" edge="1" parent="1" source="IgwwexqqpmUSwpV-4rRh-2" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" target="IgwwexqqpmUSwpV-4rRh-6" value="">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="IgwwexqqpmUSwpV-4rRh-10" edge="1" parent="1" source="IgwwexqqpmUSwpV-4rRh-2" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" target="IgwwexqqpmUSwpV-4rRh-9" value="">
+          <mxGeometry relative="1" as="geometry">
+            <Array as="points">
+              <mxPoint x="450" y="270" />
+              <mxPoint x="540" y="270" />
+            </Array>
+          </mxGeometry>
+        </mxCell>
+        <mxCell id="IgwwexqqpmUSwpV-4rRh-12" edge="1" parent="1" source="IgwwexqqpmUSwpV-4rRh-2" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" target="IgwwexqqpmUSwpV-4rRh-11" value="">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="IgwwexqqpmUSwpV-4rRh-21" edge="1" parent="1" source="IgwwexqqpmUSwpV-4rRh-2" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" target="IgwwexqqpmUSwpV-4rRh-20" value="">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="IgwwexqqpmUSwpV-4rRh-2" parent="1" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;fillColor=#fa6800;fontColor=#000000;strokeColor=#C73500;" value="tui" vertex="1">
+          <mxGeometry height="60" width="120" x="370" y="300" as="geometry" />
+        </mxCell>
+        <mxCell id="IgwwexqqpmUSwpV-4rRh-4" parent="1" style="shape=parallelogram;perimeter=parallelogramPerimeter;whiteSpace=wrap;html=1;fixedSize=1;fillColor=#fa6800;fontColor=#000000;strokeColor=#C73500;" value="&lt;div&gt;sensors&lt;/div&gt;" vertex="1">
+          <mxGeometry height="60" width="120" x="510" y="400" as="geometry" />
+        </mxCell>
+        <mxCell id="IgwwexqqpmUSwpV-4rRh-8" edge="1" parent="1" source="IgwwexqqpmUSwpV-4rRh-6" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;" target="IgwwexqqpmUSwpV-4rRh-4" value="">
+          <mxGeometry relative="1" as="geometry" />
+        </mxCell>
+        <mxCell id="IgwwexqqpmUSwpV-4rRh-6" parent="1" style="whiteSpace=wrap;html=1;fillColor=#fa6800;fontColor=#000000;strokeColor=#C73500;" value="sqlite DB" vertex="1">
+          <mxGeometry height="60" width="120" x="510" y="300" as="geometry" />
+        </mxCell>
+        <mxCell id="IgwwexqqpmUSwpV-4rRh-9" parent="1" style="whiteSpace=wrap;html=1;fillColor=#fa6800;strokeColor=#C73500;fontColor=#000000;" value="history graphs" vertex="1">
+          <mxGeometry height="60" width="120" x="510" y="180" as="geometry" />
+        </mxCell>
+        <mxCell id="IgwwexqqpmUSwpV-4rRh-11" parent="1" style="whiteSpace=wrap;html=1;fillColor=#fa6800;strokeColor=#C73500;fontColor=#000000;" value="instant data" vertex="1">
+          <mxGeometry height="60" width="120" x="360" y="180" as="geometry" />
+        </mxCell>
+        <mxCell id="IgwwexqqpmUSwpV-4rRh-20" parent="1" style="whiteSpace=wrap;html=1;fillColor=#fa6800;strokeColor=#C73500;fontColor=#000000;" value="loading style data" vertex="1">
+          <mxGeometry height="60" width="120" x="210" y="180" as="geometry" />
+        </mxCell>
+      </root>
+    </mxGraphModel>
+  </diagram>
+</mxfile>