<mxfile host="Electron" modified="2024-10-24T03:51:26.854Z" 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="QUy8LCBC-ksugaKnRUSH" version="23.1.5" type="device">
  <diagram id="udlNYUhv478v1Idgbkui" name="Architecture Diagram">
    <mxGraphModel dx="1896" dy="615" 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="WaS5obhdF61H-WQT6gjG-1" value="   Backend" style="fillColor=none;strokeColor=#102c1c;dashed=1;verticalAlign=top;fontStyle=1;fontColor=#5A6C86;labelBackgroundColor=none;fontSize=14;align=left;" parent="1" vertex="1">
          <mxGeometry x="80" y="600" width="480" height="400" as="geometry" />
        </mxCell>
        <mxCell id="WaS5obhdF61H-WQT6gjG-2" value="&lt;b&gt;CSC Cloud&lt;/b&gt;" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_aws_cloud;strokeColor=#232F3E;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#232F3E;dashed=0;" parent="1" vertex="1">
          <mxGeometry x="120" y="640" width="400" height="320" as="geometry" />
        </mxCell>
        <mxCell id="uPY9GVxLQPC_OkvbBXHt-15" value="&lt;b&gt;cPouta instance&lt;/b&gt;" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_ec2_instance_contents;strokeColor=#D86613;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#D86613;dashed=0;" parent="WaS5obhdF61H-WQT6gjG-2" vertex="1">
          <mxGeometry x="40" y="40" width="320" height="240" as="geometry" />
        </mxCell>
        <mxCell id="uPY9GVxLQPC_OkvbBXHt-10" value="" style="fillColor=none;strokeColor=#01CCD0;verticalAlign=top;fontStyle=1;fontColor=#01ccd0;align=left;" parent="uPY9GVxLQPC_OkvbBXHt-15" vertex="1">
          <mxGeometry x="40" y="40" width="240" height="160" as="geometry" />
        </mxCell>
        <mxCell id="uPY9GVxLQPC_OkvbBXHt-11" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/png,[encoded data, 127204 characters];" parent="uPY9GVxLQPC_OkvbBXHt-15" vertex="1">
          <mxGeometry x="44" y="44" width="30" height="30" as="geometry" />
        </mxCell>
        <mxCell id="uPY9GVxLQPC_OkvbBXHt-12" value="" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;" parent="uPY9GVxLQPC_OkvbBXHt-15" vertex="1">
          <mxGeometry x="80" y="80" width="160" height="80" as="geometry" />
        </mxCell>
        <mxCell id="uPY9GVxLQPC_OkvbBXHt-13" value="" style="shape=image;verticalLabelPosition=bottom;labelBackgroundColor=default;verticalAlign=top;aspect=fixed;imageAspect=0;image=data:image/png,[encoded data, 84940 characters];" parent="uPY9GVxLQPC_OkvbBXHt-15" vertex="1">
          <mxGeometry x="86" y="86" width="30" height="30" as="geometry" />
        </mxCell>
        <mxCell id="uPY9GVxLQPC_OkvbBXHt-14" value="&lt;b&gt;&lt;font color=&quot;#102c1c&quot;&gt;Django Server&lt;/font&gt;&lt;/b&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="uPY9GVxLQPC_OkvbBXHt-15" vertex="1">
          <mxGeometry x="116" y="91" width="100" height="20" as="geometry" />
        </mxCell>
        <mxCell id="uPY9GVxLQPC_OkvbBXHt-16" value="&lt;b&gt;&lt;font color=&quot;#01ccd0&quot;&gt;Docker instance&lt;/font&gt;&lt;/b&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" parent="uPY9GVxLQPC_OkvbBXHt-15" vertex="1">
          <mxGeometry x="74" y="49" width="106" height="20" as="geometry" />
        </mxCell>
        <mxCell id="uPY9GVxLQPC_OkvbBXHt-17" value="&lt;b&gt;SARIMA&lt;/b&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="uPY9GVxLQPC_OkvbBXHt-15" vertex="1">
          <mxGeometry x="125" y="125" width="70" height="30" as="geometry" />
        </mxCell>
        <mxCell id="LlC8jfqIhUJI1XfatKbc-2" value="   Frontend" style="fillColor=none;strokeColor=#5A6C86;dashed=1;verticalAlign=top;fontStyle=1;fontColor=#5A6C86;labelBackgroundColor=none;fontSize=14;align=left;" vertex="1" parent="1">
          <mxGeometry x="-640" y="680" width="360" height="240" as="geometry" />
        </mxCell>
        <mxCell id="LlC8jfqIhUJI1XfatKbc-3" value="" style="fillColor=none;strokeColor=#232F3E;verticalAlign=top;fontStyle=1;fontColor=#232F3E;align=left;" vertex="1" parent="1">
          <mxGeometry x="-600" y="720" width="280" height="160" as="geometry" />
        </mxCell>
        <UserObject label="" lucidchartObjectId="gAkB1qEBx276" id="LlC8jfqIhUJI1XfatKbc-4">
          <mxCell style="html=1;overflow=block;blockSpacing=1;whiteSpace=wrap;shape=image;fontSize=13;spacing=0;strokeColor=none;strokeOpacity=100;strokeWidth=0;image=https://images.lucid.app/images/39550569-354e-4076-af89-d2f5eca14428/content;imageAspect=0;" vertex="1" parent="1">
            <mxGeometry x="-594" y="727" width="30" height="30" as="geometry" />
          </mxCell>
        </UserObject>
        <UserObject label="" lucidchartObjectId="frjB6wRICiBn" id="LlC8jfqIhUJI1XfatKbc-5">
          <mxCell style="html=1;overflow=block;blockSpacing=1;whiteSpace=wrap;shape=image;fontSize=13;spacing=0;strokeColor=none;strokeOpacity=100;strokeWidth=0;image=https://images.lucid.app/images/b719138a-617a-426e-bff1-2a0c4c46c075/content;imageAspect=0;" vertex="1" parent="1">
            <mxGeometry x="-541.63" y="761" width="163.25" height="78" as="geometry" />
          </mxCell>
        </UserObject>
        <mxCell id="LlC8jfqIhUJI1XfatKbc-6" value="&lt;b&gt;&lt;font color=&quot;#232f3e&quot;&gt;Vercel Deployment&lt;/font&gt;&lt;/b&gt;" style="text;html=1;align=center;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1">
          <mxGeometry x="-560" y="732" width="120" height="20" as="geometry" />
        </mxCell>
        <mxCell id="LlC8jfqIhUJI1XfatKbc-14" value="&lt;div style=&quot;font-size: 7px;&quot;&gt;&lt;div&gt;&lt;b&gt;{&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&amp;nbsp; &quot;timestamp&quot;: &quot;2023-08-04 12:00:00&quot;,&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&amp;nbsp; &quot;station&quot;: &quot;Rautatientori - itä&quot;,&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&amp;nbsp; &quot;departingCount&quot;: 9,&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&amp;nbsp; &quot;returningCount&quot;: 15,&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&amp;nbsp; &quot;bikeAtStationCount&quot;: 34,&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;&amp;nbsp; &quot;increasing&quot;: true&lt;/b&gt;&lt;/div&gt;&lt;div&gt;&lt;b&gt;}&lt;/b&gt;&lt;/div&gt;&lt;/div&gt;" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;labelBackgroundColor=default;" vertex="1" parent="1">
          <mxGeometry x="-210" y="850" width="240" height="80" as="geometry" />
        </mxCell>
        <mxCell id="LlC8jfqIhUJI1XfatKbc-15" value="" style="endArrow=classic;html=1;rounded=0;exitX=1.001;exitY=0.335;exitDx=0;exitDy=0;exitPerimeter=0;entryX=0;entryY=0.399;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="LlC8jfqIhUJI1XfatKbc-2" target="WaS5obhdF61H-WQT6gjG-1">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="-250" y="860" as="sourcePoint" />
            <mxPoint x="-200" y="810" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="LlC8jfqIhUJI1XfatKbc-16" value="" style="endArrow=classic;html=1;rounded=0;exitX=-0.003;exitY=0.601;exitDx=0;exitDy=0;exitPerimeter=0;entryX=1;entryY=0.665;entryDx=0;entryDy=0;entryPerimeter=0;" edge="1" parent="1" source="WaS5obhdF61H-WQT6gjG-1" target="LlC8jfqIhUJI1XfatKbc-2">
          <mxGeometry width="50" height="50" relative="1" as="geometry">
            <mxPoint x="-270" y="770" as="sourcePoint" />
            <mxPoint x="90" y="770" as="targetPoint" />
          </mxGeometry>
        </mxCell>
        <mxCell id="LlC8jfqIhUJI1XfatKbc-19" value="&lt;div style=&quot;font-size: 7px;&quot;&gt;&lt;font style=&quot;font-size: 7px;&quot;&gt;&lt;b&gt;GET /app/predict?timestamp=&amp;lt;timestamp&amp;gt;&amp;amp;station=&amp;lt;station&amp;gt; HTTP/3&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;&lt;div style=&quot;font-size: 7px;&quot;&gt;&lt;font style=&quot;font-size: 7px;&quot;&gt;&lt;b&gt;Host: hsl-backend.elliot-at-zuri.ch&lt;/b&gt;&lt;/font&gt;&lt;/div&gt;" style="text;html=1;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=0;labelBackgroundColor=default;" vertex="1" parent="1">
          <mxGeometry x="-210" y="730" width="240" height="30" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>
