---
title: "Block 2 Wireframe"
description: "A user interface wireframe showing layout and structure"
category: "templates/other"
type: "wireframe"
source_file: "templates/other/block_2_decoded.xml"
tags: ["other", "miscellaneous", "template", "drawio", "utility"]
---

# Block 2 Wireframe

A user interface wireframe showing layout and structure

## XML Source

```xml
<?xml version="1.0" ?>
<mxGraphModel dx="1408" dy="544" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1.5" pageWidth="1169" pageHeight="826" background="none" math="0" shadow="0">
  <root>
    <mxCell id="0" style=";html=1;"/>
    <mxCell id="1" style=";html=1;" parent="0"/>
    <mxCell id="6c2e8eb0dcefa426-33" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;" parent="1" source="6c2e8eb0dcefa426-1" target="6c2e8eb0dcefa426-15" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-1" value="Input Circuit" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="530" y="540" width="90" height="280" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-43" style="edgeStyle=elbowEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;" parent="1" source="6c2e8eb0dcefa426-3" target="6c2e8eb0dcefa426-2" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-2" value="Left" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;horizontal=0;" parent="1" vertex="1">
      <mxGeometry x="1230" y="770" width="40" height="100" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-3" value="Braking controller" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="1230" y="650" width="240" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-4" value="Voice Alarm" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="1230" y="562" width="240" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-41" style="edgeStyle=elbowEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;elbow=vertical;" parent="1" source="6c2e8eb0dcefa426-5" target="6c2e8eb0dcefa426-4" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-42" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;" parent="1" source="6c2e8eb0dcefa426-5" target="6c2e8eb0dcefa426-3" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-5" value="Out&lt;div&gt;Circuit&lt;/div&gt;" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="1070" y="505" width="100" height="350" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-27" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;labelBackgroundColor=#ffffff;jettySize=auto;orthogonalLoop=1;strokeColor=#000000;fontFamily=Helvetica;fontSize=11;fontColor=#000000;align=center;" parent="1" source="6c2e8eb0dcefa426-7" target="6c2e8eb0dcefa426-1" edge="1">
      <mxGeometry relative="1" as="geometry">
        <Array as="points">
          <mxPoint x="500" y="390"/>
          <mxPoint x="500" y="560"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-7" value="Angle Sensor" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="190" y="360" width="230" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-28" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;" parent="1" source="6c2e8eb0dcefa426-8" target="6c2e8eb0dcefa426-1" edge="1">
      <mxGeometry relative="1" as="geometry">
        <Array as="points">
          <mxPoint x="475" y="516"/>
          <mxPoint x="475" y="600"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-8" value="Trolley Horizontal Displacement Sensor" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="190" y="486" width="230" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-9" value="Flash Memory" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="700" y="460" width="90" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-29" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;" parent="1" source="6c2e8eb0dcefa426-11" target="6c2e8eb0dcefa426-1" edge="1">
      <mxGeometry relative="1" as="geometry">
        <Array as="points">
          <mxPoint x="510" y="642"/>
          <mxPoint x="510" y="642"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-11" value="Trolley Vertical Displacement Sensor" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="190" y="612" width="230" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-30" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;" parent="1" source="6c2e8eb0dcefa426-12" target="6c2e8eb0dcefa426-1" edge="1">
      <mxGeometry relative="1" as="geometry">
        <Array as="points">
          <mxPoint x="475" y="768"/>
          <mxPoint x="475" y="670"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-12" value="Tilt Sensor" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="190" y="738" width="230" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-31" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;" parent="1" source="6c2e8eb0dcefa426-13" target="6c2e8eb0dcefa426-1" edge="1">
      <mxGeometry relative="1" as="geometry">
        <Array as="points">
          <mxPoint x="490" y="895"/>
          <mxPoint x="490" y="720"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-13" value="Wind Speed Sensor" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="190" y="864" width="230" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-32" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;" parent="1" source="6c2e8eb0dcefa426-14" target="6c2e8eb0dcefa426-1" edge="1">
      <mxGeometry relative="1" as="geometry">
        <Array as="points">
          <mxPoint x="510" y="1020"/>
          <mxPoint x="510" y="770"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-14" value="Load Sensor" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="190" y="990" width="230" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-34" style="edgeStyle=elbowEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;startArrow=classic;startFill=1;" parent="1" source="6c2e8eb0dcefa426-15" target="6c2e8eb0dcefa426-9" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-35" style="edgeStyle=elbowEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;startArrow=classic;startFill=1;" parent="1" source="6c2e8eb0dcefa426-15" target="6c2e8eb0dcefa426-16" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-36" style="edgeStyle=elbowEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;startArrow=classic;startFill=1;" parent="1" source="6c2e8eb0dcefa426-15" target="6c2e8eb0dcefa426-17" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-37" style="edgeStyle=elbowEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;startArrow=classic;startFill=1;" parent="1" source="6c2e8eb0dcefa426-15" target="6c2e8eb0dcefa426-18" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-40" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;" parent="1" source="6c2e8eb0dcefa426-15" target="6c2e8eb0dcefa426-5" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-15" value="CPU" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="710" y="605" width="300" height="150" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-16" value="GPS" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="800" y="460" width="60" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-17" value="GPRS" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="870" y="460" width="80" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-18" value="LCD" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="960" y="460" width="60" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-44" style="edgeStyle=elbowEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;" parent="1" source="6c2e8eb0dcefa426-3" target="6c2e8eb0dcefa426-19" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-19" value="Right" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;horizontal=0;" parent="1" vertex="1">
      <mxGeometry x="1270" y="770" width="40" height="100" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-45" style="edgeStyle=elbowEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;" parent="1" source="6c2e8eb0dcefa426-3" target="6c2e8eb0dcefa426-20" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-20" value="Forward" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;horizontal=0;" parent="1" vertex="1">
      <mxGeometry x="1310" y="770" width="40" height="100" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-46" style="edgeStyle=elbowEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;" parent="1" source="6c2e8eb0dcefa426-3" target="6c2e8eb0dcefa426-21" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-21" value="Backward" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;horizontal=0;" parent="1" vertex="1">
      <mxGeometry x="1350" y="770" width="40" height="100" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-47" style="edgeStyle=elbowEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;" parent="1" source="6c2e8eb0dcefa426-3" target="6c2e8eb0dcefa426-22" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-22" value="Up" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;horizontal=0;" parent="1" vertex="1">
      <mxGeometry x="1390" y="770" width="40" height="100" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-48" style="edgeStyle=elbowEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;" parent="1" source="6c2e8eb0dcefa426-3" target="6c2e8eb0dcefa426-23" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-23" value="Down" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;horizontal=0;" parent="1" vertex="1">
      <mxGeometry x="1430" y="770" width="40" height="100" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-38" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;" parent="1" source="6c2e8eb0dcefa426-26" edge="1">
      <mxGeometry relative="1" as="geometry">
        <mxPoint x="859.9999999999995" y="1100" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-39" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;" parent="1" source="6c2e8eb0dcefa426-26" target="6c2e8eb0dcefa426-15" edge="1">
      <mxGeometry relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="6c2e8eb0dcefa426-26" value="AC 220V / 380V" style="whiteSpace=wrap;html=1;rounded=0;shadow=1;dashed=0;labelBackgroundColor=none;strokeColor=#666666;strokeWidth=2;fillColor=#f5f5f5;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="740" y="870" width="240" height="60" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```