---
title: "Mock Up Mobile Diagram"
description: "A diagram diagram template"
category: "examples"
type: "diagram"
source_file: "examples/Mock-up_mobile_decoded.xml"
tags: ["drawio", "example", "sample"]
---

# Mock Up Mobile Diagram

A diagram diagram template

## XML Source

```xml
<?xml version="1.0" ?>
<mxGraphModel dx="1886" dy="1413" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="826" pageHeight="1169" background="#E6E6E6" math="0" shadow="0">
  <root>
    <mxCell id="0" style=";html=1;"/>
    <mxCell id="1" style=";html=1;" parent="0"/>
    <mxCell id="112" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.ios7ui.phone;fillColor=#ffffff;strokeColor=#c0c0c0;html=1;" parent="1" vertex="1">
      <mxGeometry x="-560" y="-489" width="390" height="780" as="geometry"/>
    </mxCell>
    <mxCell id="294" value="" style="shape=rect;fillColor=#ffffff;strokeColor=#CCCCCC;shadow=0;" parent="1" vertex="1">
      <mxGeometry x="-536" y="-227" width="342" height="417" as="geometry"/>
    </mxCell>
    <mxCell id="295" value="" style="shape=ellipse;strokeColor=none;fillColor=#999999;" parent="294" vertex="1">
      <mxGeometry width="40" height="40" relative="1" as="geometry">
        <mxPoint x="15" y="15" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="296" value="Title" style="text;" parent="294" vertex="1">
      <mxGeometry width="235" height="20" relative="1" as="geometry">
        <mxPoint x="65" y="15" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="297" value="Subhead" style="text;fontColor=#999999;" parent="294" vertex="1">
      <mxGeometry width="235" height="20" relative="1" as="geometry">
        <mxPoint x="65" y="35" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="298" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="294" vertex="1">
      <mxGeometry x="0.0116" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="299" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="294" vertex="1">
      <mxGeometry x="0.2587" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="300" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="294" vertex="1">
      <mxGeometry x="0.5058" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="301" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="294" vertex="1">
      <mxGeometry x="0.7529" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="302" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="294" vertex="1">
      <mxGeometry x="0.0116" y="0.2024" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="303" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="294" vertex="1">
      <mxGeometry x="0.2587" y="0.2024" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="304" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="294" vertex="1">
      <mxGeometry x="0.5058" y="0.2024" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="305" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="294" vertex="1">
      <mxGeometry x="0.7529" y="0.2024" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="306" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="294" vertex="1">
      <mxGeometry x="0.0116" y="0.4048" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="307" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="294" vertex="1">
      <mxGeometry x="0.2587" y="0.4048" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="308" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="294" vertex="1">
      <mxGeometry x="0.5058" y="0.4048" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="309" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="294" vertex="1">
      <mxGeometry x="0.7529" y="0.4048" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="310" value="ACTION" style="shape=rect;strokeColor=#CCCCCC;fillColor=#ffffff;;whiteSpace=wrap;align=left;spacingLeft=14;fontColor=#737373;fontStyle=1;fontSize=14;resizeWidth=1;" parent="294" vertex="1">
      <mxGeometry y="1" width="342" height="48" relative="1" as="geometry">
        <mxPoint y="-96" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="311" value="ACTION" style="shape=rect;strokeColor=#CCCCCC;fillColor=#ffffff;;whiteSpace=wrap;align=left;spacingLeft=14;fontColor=#737373;fontStyle=1;fontSize=14;resizeWidth=1;" parent="294" vertex="1">
      <mxGeometry y="1" width="342" height="48" relative="1" as="geometry">
        <mxPoint y="-48" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="276" value="" style="shape=rect;fillColor=#ffffff;strokeColor=#CCCCCC;shadow=0;" parent="1" vertex="1">
      <mxGeometry x="-536" y="-276" width="342" height="417" as="geometry"/>
    </mxCell>
    <mxCell id="277" value="" style="shape=ellipse;strokeColor=none;fillColor=#999999;" parent="276" vertex="1">
      <mxGeometry width="40" height="40" relative="1" as="geometry">
        <mxPoint x="15" y="15" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="278" value="Title" style="text;" parent="276" vertex="1">
      <mxGeometry width="235" height="20" relative="1" as="geometry">
        <mxPoint x="65" y="15" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="279" value="Subhead" style="text;fontColor=#999999;" parent="276" vertex="1">
      <mxGeometry width="235" height="20" relative="1" as="geometry">
        <mxPoint x="65" y="35" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="280" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="276" vertex="1">
      <mxGeometry x="0.0116" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="281" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="276" vertex="1">
      <mxGeometry x="0.2587" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="282" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="276" vertex="1">
      <mxGeometry x="0.5058" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="283" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="276" vertex="1">
      <mxGeometry x="0.7529" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="284" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="276" vertex="1">
      <mxGeometry x="0.0116" y="0.2024" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="285" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="276" vertex="1">
      <mxGeometry x="0.2587" y="0.2024" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="286" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="276" vertex="1">
      <mxGeometry x="0.5058" y="0.2024" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="287" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="276" vertex="1">
      <mxGeometry x="0.7529" y="0.2024" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="288" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="276" vertex="1">
      <mxGeometry x="0.0116" y="0.4048" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="289" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="276" vertex="1">
      <mxGeometry x="0.2587" y="0.4048" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="290" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="276" vertex="1">
      <mxGeometry x="0.5058" y="0.4048" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="291" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="276" vertex="1">
      <mxGeometry x="0.7529" y="0.4048" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="292" value="ACTION" style="shape=rect;strokeColor=#CCCCCC;fillColor=#ffffff;;whiteSpace=wrap;align=left;spacingLeft=14;fontColor=#737373;fontStyle=1;fontSize=14;resizeWidth=1;" parent="276" vertex="1">
      <mxGeometry y="1" width="342" height="48" relative="1" as="geometry">
        <mxPoint y="-96" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="293" value="ACTION" style="shape=rect;strokeColor=#CCCCCC;fillColor=#ffffff;;whiteSpace=wrap;align=left;spacingLeft=14;fontColor=#737373;fontStyle=1;fontSize=14;resizeWidth=1;" parent="276" vertex="1">
      <mxGeometry y="1" width="342" height="48" relative="1" as="geometry">
        <mxPoint y="-48" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="86" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.ios7ui.phone;fillColor=#ffffff;strokeColor=#c0c0c0;html=1;" parent="1" vertex="1">
      <mxGeometry x="310" y="-490" width="390" height="780" as="geometry"/>
    </mxCell>
    <mxCell id="87" value="" style="verticalLabelPosition=bottom;verticalAlign=top;strokeWidth=1;shape=mxgraph.ios7ui.phone;fillColor=#ffffff;strokeColor=#c0c0c0;html=1;" parent="1" vertex="1">
      <mxGeometry x="-124" y="-489" width="390" height="780" as="geometry"/>
    </mxCell>
    <mxCell id="113" value="" style="shape=rect;fillColor=#ffffff;strokeColor=#CCCCCC;shadow=0;" parent="1" vertex="1">
      <mxGeometry x="-536" y="-372" width="342" height="417" as="geometry"/>
    </mxCell>
    <mxCell id="114" value="" style="shape=ellipse;strokeColor=none;fillColor=#999999;" parent="113" vertex="1">
      <mxGeometry width="40" height="40" relative="1" as="geometry">
        <mxPoint x="15" y="15" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="115" value="Title" style="text;" parent="113" vertex="1">
      <mxGeometry width="235" height="20" relative="1" as="geometry">
        <mxPoint x="65" y="15" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="116" value="Subhead" style="text;fontColor=#999999;" parent="113" vertex="1">
      <mxGeometry width="235" height="20" relative="1" as="geometry">
        <mxPoint x="65" y="35" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="117" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="113" vertex="1">
      <mxGeometry x="0.0116" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="118" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="113" vertex="1">
      <mxGeometry x="0.2587" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="119" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="113" vertex="1">
      <mxGeometry x="0.5058" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="120" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="113" vertex="1">
      <mxGeometry x="0.7529" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="121" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="113" vertex="1">
      <mxGeometry x="0.0116" y="0.2024" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="122" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="113" vertex="1">
      <mxGeometry x="0.2587" y="0.2024" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="123" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="113" vertex="1">
      <mxGeometry x="0.5058" y="0.2024" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="124" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="113" vertex="1">
      <mxGeometry x="0.7529" y="0.2024" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="125" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="113" vertex="1">
      <mxGeometry x="0.0116" y="0.4048" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="126" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="113" vertex="1">
      <mxGeometry x="0.2587" y="0.4048" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="127" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="113" vertex="1">
      <mxGeometry x="0.5058" y="0.4048" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="128" value="" style="shape=rect;strokeColor=none;fillColor=#666666;resizeWidth=1;resizeHeight=1;" parent="113" vertex="1">
      <mxGeometry x="0.7529" y="0.4048" width="80.52906976744185" height="80.42142857142856" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="129" value="ACTION" style="shape=rect;strokeColor=#CCCCCC;fillColor=#ffffff;;whiteSpace=wrap;align=left;spacingLeft=14;fontColor=#737373;fontStyle=1;fontSize=14;resizeWidth=1;" parent="113" vertex="1">
      <mxGeometry y="1" width="342" height="48" relative="1" as="geometry">
        <mxPoint y="-96" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="130" value="ACTION" style="shape=rect;strokeColor=#CCCCCC;fillColor=#ffffff;;whiteSpace=wrap;align=left;spacingLeft=14;fontColor=#737373;fontStyle=1;fontSize=14;resizeWidth=1;" parent="113" vertex="1">
      <mxGeometry y="1" width="342" height="48" relative="1" as="geometry">
        <mxPoint y="-48" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="190" value="" style="shape=rect;fillColor=#BDBDBD;strokeColor=none;fontColor=#000000;fontSize=12;fontStyle=0;verticalAlign=middle;spacingBottom=0;spacingLeft=0;shadow=0;" parent="1" vertex="1">
      <mxGeometry x="-100" y="-372" width="342" height="342" as="geometry"/>
    </mxCell>
    <mxCell id="191" value="Title goes here" style="shape=rect;fillColor=#000000;strokeColor=none;opacity=25;fontColor=#FFFFFF;fontSize=23;fontStyle=0;verticalAlign=top;spacingBottom=0;spacingLeft=16;spacingTop=17;align=left;resizeWidth=1;" parent="190" vertex="1">
      <mxGeometry y="1" width="342" height="138" relative="1" as="geometry">
        <mxPoint y="-138" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="192" value="Subtitle here" style="text;fontColor=#FFFFFF;fontSize=13;fontStyle=0;verticalAlign=middle;spacingBottom=0;spacingLeft=16;resizeWidth=1;" parent="191" vertex="1">
      <mxGeometry width="342" height="20" relative="1" as="geometry">
        <mxPoint y="54" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="193" value="ACTION 1" style="shape=rect;strokeColor=none;fillColor=none;fontColor=#FFFFFF;fontStyle=1;fontSize=13;" parent="191" vertex="1">
      <mxGeometry y="1" width="80" height="32" relative="1" as="geometry">
        <mxPoint x="8" y="-40" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="194" value="ACTION 2" style="shape=rect;strokeColor=none;fillColor=none;fontColor=#FFFFFF;fontStyle=1;fontSize=13;" parent="191" vertex="1">
      <mxGeometry y="1" width="80" height="32" relative="1" as="geometry">
        <mxPoint x="96" y="-40" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="239" value="Title goes here" style="shape=rect;fillColor=#ffffff;strokeColor=none;shadow=0;fontColor=#000000;fontSize=23;fontStyle=0;verticalAlign=top;spacingBottom=0;spacingLeft=16;spacingTop=20;align=left;" parent="1" vertex="1">
      <mxGeometry x="-94" y="-30" width="330" height="200" as="geometry"/>
    </mxCell>
    <mxCell id="240" value="Subtitle here" style="text;fontColor=#999999;fontSize=12;fontStyle=0;verticalAlign=middle;spacingBottom=0;spacingLeft=16;resizeWidth=1;" parent="239" vertex="1">
      <mxGeometry width="330" height="20" relative="1" as="geometry">
        <mxPoint y="59" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="241" value="I'm a thing. But, like most politicians, he promised more than he could deliver. You won't have time for sleeping, soldier, not with all the bed making you'll be doing. Then we'll go with that data file! Hey, you add a one and two zeros to that or we walk! You're going to do his laundry? I've got to find a way to escape" style="text;whiteSpace=wrap;fontSize=13;spacing=16;spacingTop=-4;resizeWidth=1;resizeHeight=1;" parent="239" vertex="1">
      <mxGeometry width="330" height="111.27819548872179" relative="1" as="geometry">
        <mxPoint y="70" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="246" value="" style="dashed=0;shape=rect;fillColor=#000000;strokeColor=none;shadow=0;" parent="1" vertex="1">
      <mxGeometry x="335" y="-372" width="340" height="552" as="geometry"/>
    </mxCell>
    <mxCell id="247" value="12:30" style="dashed=0;shape=rect;align=right;fillColor=#000000;strokeColor=none;fontColor=#ffffff;spacingRight=4;spacingTop=1;fontStyle=0;fontSize=13;resizeWidth=1;" parent="246" vertex="1">
      <mxGeometry width="340" height="24" relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="248" value="" style="dashed=0;shape=mxgraph.gmdl.top_bar;strokeColor=none;" parent="247" vertex="1">
      <mxGeometry x="1" y="0.5" width="46" height="14" relative="1" as="geometry">
        <mxPoint x="-92" y="-7" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="249" value="Browse" style="dashed=0;shape=rect;strokeColor=none;fillColor=#222222;resizeWidth=1;fontSize=20;fontColor=#FFFFFF;spacingTop=-3;verticalAlign=middle;align=left;spacingLeft=72;" parent="246" vertex="1">
      <mxGeometry width="340" height="57" relative="1" as="geometry">
        <mxPoint y="24" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="250" value="" style="dashed=0;shape=mxgraph.gmdl.left;strokeColor=#ffffff;strokeWidth=2;" parent="249" vertex="1">
      <mxGeometry y="0.5" width="16" height="16" relative="1" as="geometry">
        <mxPoint x="25" y="-8" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="251" value="" style="dashed=0;shape=mxgraph.gmdl.marginRect;rectMargin=2;rectMarginTop=2;rectMarginLeft=-2;fillColor=#BDBDBD;strokeColor=none;shadow=0;resizeWidth=1;resizeHeight=1;" parent="246" vertex="1">
      <mxGeometry width="170" height="157.34579439252337" relative="1" as="geometry">
        <mxPoint y="81" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="252" value="Top Lists" style="dashed=0;shape=mxgraph.gmdl.marginRect;rectMarginTop=4;rectMarginRight=2;whiteSpace=wrap;fontColor=#ffffff;verticalAlign=top;align=left;fontSize=15;spacing=16;spacingBottom=0;spacingTop=-6;fillColor=#000000;opacity=25;strokeColor=none;resizeWidth=1;" parent="251" vertex="1">
      <mxGeometry width="170" height="71" relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="253" value="Anthony Freeman, Zen" style="text;whiteSpace=wrap;fontColor=#ffffff;spacingLeft=16;verticalAlign=middle;fontSize=11;resizeWidth=1;" parent="251" vertex="1">
      <mxGeometry width="168.10055865921788" height="20" relative="1" as="geometry">
        <mxPoint y="36" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="254" value="" style="dashed=0;shape=mxgraph.gmdl.marginRect;rectMargin=2;rectMarginTop=2;rectMarginRight=-2;fillColor=#BDBDBD;strokeColor=none;shadow=0;resizeWidth=1;resizeHeight=1;" parent="246" vertex="1">
      <mxGeometry x="0.5" width="170" height="157.34579439252337" relative="1" as="geometry">
        <mxPoint y="81" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="255" value="Alternative" style="dashed=0;shape=mxgraph.gmdl.marginRect;rectMarginTop=4;rectMarginLeft=2;whiteSpace=wrap;fontColor=#ffffff;verticalAlign=top;align=left;fontSize=15;spacing=18;spacingBottom=0;spacingTop=-6;fillColor=#000000;opacity=25;strokeColor=none;resizeWidth=1;" parent="254" vertex="1">
      <mxGeometry width="170" height="71" relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="256" value="Hellhounds, Felix White and ..." style="text;whiteSpace=wrap;fontColor=#ffffff;spacingLeft=18;verticalAlign=middle;fontSize=11;resizeWidth=1;" parent="254" vertex="1">
      <mxGeometry width="168.10055865921788" height="20" relative="1" as="geometry">
        <mxPoint y="36" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="257" value="" style="dashed=0;shape=mxgraph.gmdl.marginRect;rectMargin=2;rectMarginLeft=-2;fillColor=#BDBDBD;strokeColor=none;shadow=0;resizeWidth=1;resizeHeight=1;" parent="246" vertex="1">
      <mxGeometry y="0.285" width="170" height="155.62616822429908" relative="1" as="geometry">
        <mxPoint y="81" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="258" value="Dance" style="dashed=0;shape=mxgraph.gmdl.marginRect;rectMarginTop=2;rectMarginRight=2;whiteSpace=wrap;fontColor=#ffffff;verticalAlign=top;align=left;fontSize=15;spacing=16;spacingBottom=0;spacingTop=-8;fillColor=#000000;opacity=25;strokeColor=none;resizeWidth=1;" parent="257" vertex="1">
      <mxGeometry width="170" height="69" relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="259" value="Mirah McNeil, Paul Nixon" style="text;whiteSpace=wrap;fontColor=#ffffff;spacingLeft=16;verticalAlign=middle;fontSize=11;resizeWidth=1;" parent="257" vertex="1">
      <mxGeometry width="168.10055865921788" height="20" relative="1" as="geometry">
        <mxPoint y="36" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="260" value="" style="dashed=0;shape=mxgraph.gmdl.marginRect;rectMargin=2;rectMarginRight=-2;fillColor=#BDBDBD;strokeColor=none;shadow=0;resizeWidth=1;resizeHeight=1;" parent="246" vertex="1">
      <mxGeometry x="0.5" y="0.285" width="170" height="155.62616822429908" relative="1" as="geometry">
        <mxPoint y="81" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="261" value="Electronic" style="dashed=0;shape=mxgraph.gmdl.marginRect;rectMarginTop=2;rectMarginLeftt=2;whiteSpace=wrap;fontColor=#ffffff;verticalAlign=top;align=left;fontSize=15;spacing=18;spacingBottom=0;spacingTop=-8;fillColor=#000000;opacity=25;strokeColor=none;resizeWidth=1;" parent="260" vertex="1">
      <mxGeometry width="170" height="69" relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="262" value="Tronixx, Astral Revival" style="text;whiteSpace=wrap;fontColor=#ffffff;spacingLeft=18;verticalAlign=middle;fontSize=11;resizeWidth=1;" parent="260" vertex="1">
      <mxGeometry width="168.10055865921788" height="20" relative="1" as="geometry">
        <mxPoint y="36" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="263" value="" style="dashed=0;shape=mxgraph.gmdl.marginRect;rectMargin=2;rectMarginLeft=-2;fillColor=#BDBDBD;strokeColor=none;shadow=0;resizeWidth=1;resizeHeight=1;" parent="246" vertex="1">
      <mxGeometry y="0.567" width="170" height="155.62616822429908" relative="1" as="geometry">
        <mxPoint y="81" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="264" value="Pop" style="dashed=0;shape=mxgraph.gmdl.marginRect;rectMarginTop=2;rectMarginRight=2;whiteSpace=wrap;fontColor=#ffffff;verticalAlign=top;align=left;fontSize=15;spacing=16;spacingBottom=0;spacingTop=-8;fillColor=#000000;opacity=25;strokeColor=none;resizeWidth=1;" parent="263" vertex="1">
      <mxGeometry width="170" height="69" relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="265" value="Sun, Bad Joke" style="text;whiteSpace=wrap;fontColor=#ffffff;spacingLeft=16;verticalAlign=middle;fontSize=11;resizeWidth=1;" parent="263" vertex="1">
      <mxGeometry width="168.10055865921788" height="20" relative="1" as="geometry">
        <mxPoint y="36" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="266" value="" style="dashed=0;shape=mxgraph.gmdl.marginRect;rectMargin=2;rectMarginRight=-2;fillColor=#BDBDBD;strokeColor=none;shadow=0;resizeWidth=1;resizeHeight=1;" parent="246" vertex="1">
      <mxGeometry x="0.5" y="0.567" width="170" height="155.62616822429908" relative="1" as="geometry">
        <mxPoint y="81" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="267" value="R &amp; B" style="dashed=0;shape=mxgraph.gmdl.marginRect;rectMarginTop=2;rectMarginLeft=2;whiteSpace=wrap;fontColor=#ffffff;verticalAlign=top;align=left;fontSize=15;spacing=18;spacingBottom=0;spacingTop=-8;fillColor=#000000;opacity=25;strokeColor=none;resizeWidth=1;" parent="266" vertex="1">
      <mxGeometry width="170" height="69" relative="1" as="geometry"/>
    </mxCell>
    <mxCell id="268" value="Brooklyn All Stars, Kelly ..." style="text;whiteSpace=wrap;fontColor=#ffffff;spacingLeft=18;verticalAlign=middle;fontSize=11;resizeWidth=1;" parent="266" vertex="1">
      <mxGeometry width="168.10055865921788" height="20" relative="1" as="geometry">
        <mxPoint y="36" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="269" value="Lights and Camera &lt;font color=&quot;#999999&quot; style=&quot;font-weight: normal&quot;&gt;Yuna&lt;/font&gt;" style="dashed=0;shape=mxgraph.gmdl.player;fontColor=#666666;fontSize=13;fontStyle=1;align=left;spacingLeft=16;html=1;resizeWidth=1;" parent="246" vertex="1">
      <mxGeometry x="0.162" y="1" width="284.9162011173184" height="50" relative="1" as="geometry">
        <mxPoint y="-98" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="270" value="" style="dashed=0;shape=rect;strokeColor=none;fillColor=#000000;resizeWidth=1;" parent="246" vertex="1">
      <mxGeometry y="1" width="340" height="48" relative="1" as="geometry">
        <mxPoint y="-48" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="271" value="" style="dashed=0;shape=mxgraph.gmdl.back;strokeColor=#ffffff;fillColor=#000000;strokeWidth=2;" parent="270" vertex="1">
      <mxGeometry x="0.25" y="0.5" width="14" height="14" relative="1" as="geometry">
        <mxPoint x="-7" y="-7" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="272" value="" style="shape=ellipse;strokeColor=#ffffff;fillColor=#000000;strokeWidth=2;" parent="270" vertex="1">
      <mxGeometry x="0.5" y="0.5" width="14" height="14" relative="1" as="geometry">
        <mxPoint x="-7" y="-7" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="273" value="" style="shape=rect;strokeColor=#ffffff;fillColor=#000000;strokeWidth=2;" parent="270" vertex="1">
      <mxGeometry x="0.75" y="0.5" width="14" height="14" relative="1" as="geometry">
        <mxPoint x="-7" y="-7" as="offset"/>
      </mxGeometry>
    </mxCell>
  </root>
</mxGraphModel>

```