---
title: "Storyboard 2 Diagram"
description: "A diagram diagram template"
category: "templates/education"
type: "diagram"
source_file: "templates/education/storyboard_2_decoded.xml"
tags: ["template", "academic", "education", "drawio", "learning"]
---

# Storyboard 2 Diagram

A diagram diagram template

## 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="826" pageHeight="1169" background="none" math="0" shadow="0">
  <root>
    <mxCell id="0" style=";html=1;"/>
    <mxCell id="1" style=";html=1;" parent="0"/>
    <mxCell id="773e548f221e3b7b-1" value="" style="whiteSpace=wrap;html=1;shadow=1;strokeWidth=1;fontSize=20;verticalAlign=top;align=right;spacing=5;strokeColor=#000000;rounded=1;" parent="1" vertex="1">
      <mxGeometry x="90" y="220" width="340" height="340" as="geometry"/>
    </mxCell>
    <mxCell id="773e548f221e3b7b-2" value="" style="whiteSpace=wrap;html=1;shadow=1;strokeWidth=1;fontSize=20;verticalAlign=top;align=right;spacing=5;strokeColor=#000000;rounded=1;" parent="1" vertex="1">
      <mxGeometry x="450" y="220" width="340" height="340" as="geometry"/>
    </mxCell>
    <mxCell id="773e548f221e3b7b-3" value="" style="whiteSpace=wrap;html=1;shadow=1;strokeWidth=1;fontSize=20;verticalAlign=top;align=right;spacing=5;strokeColor=#000000;rounded=1;" parent="1" vertex="1">
      <mxGeometry x="810" y="220" width="340" height="340" as="geometry"/>
    </mxCell>
    <mxCell id="773e548f221e3b7b-4" value="" style="whiteSpace=wrap;html=1;shadow=1;strokeWidth=1;fontSize=20;verticalAlign=top;align=right;spacing=5;strokeColor=#000000;rounded=1;" parent="1" vertex="1">
      <mxGeometry x="90" y="580" width="340" height="340" as="geometry"/>
    </mxCell>
    <mxCell id="773e548f221e3b7b-5" value="" style="whiteSpace=wrap;html=1;shadow=1;strokeWidth=1;fontSize=20;verticalAlign=top;align=right;spacing=5;strokeColor=#000000;rounded=1;" parent="1" vertex="1">
      <mxGeometry x="450" y="580" width="340" height="340" as="geometry"/>
    </mxCell>
    <mxCell id="773e548f221e3b7b-6" value="" style="whiteSpace=wrap;html=1;shadow=1;strokeWidth=1;fontSize=20;verticalAlign=top;align=right;spacing=5;strokeColor=#000000;rounded=1;" parent="1" vertex="1">
      <mxGeometry x="810" y="580" width="340" height="340" as="geometry"/>
    </mxCell>
    <mxCell id="773e548f221e3b7b-7" value="" style="whiteSpace=wrap;html=1;shadow=1;strokeWidth=1;fontSize=20;verticalAlign=top;align=right;spacing=5;strokeColor=#000000;rounded=1;" parent="1" vertex="1">
      <mxGeometry x="90" y="937" width="340" height="340" as="geometry"/>
    </mxCell>
    <mxCell id="773e548f221e3b7b-8" value="" style="whiteSpace=wrap;html=1;shadow=1;strokeWidth=1;fontSize=20;verticalAlign=top;align=right;spacing=5;strokeColor=#000000;rounded=1;" parent="1" vertex="1">
      <mxGeometry x="450" y="937" width="340" height="340" as="geometry"/>
    </mxCell>
    <mxCell id="773e548f221e3b7b-9" value="" style="whiteSpace=wrap;html=1;shadow=1;strokeWidth=1;fontSize=20;verticalAlign=top;align=right;spacing=5;strokeColor=#000000;rounded=1;" parent="1" vertex="1">
      <mxGeometry x="810" y="937" width="340" height="340" as="geometry"/>
    </mxCell>
    <mxCell id="773e548f221e3b7b-10" value="" style="whiteSpace=wrap;html=1;shadow=1;strokeWidth=1;fontSize=20;verticalAlign=top;align=right;spacing=5;strokeColor=#000000;rounded=1;" parent="1" vertex="1">
      <mxGeometry x="90" y="1300" width="340" height="340" as="geometry"/>
    </mxCell>
    <mxCell id="773e548f221e3b7b-11" value="" style="whiteSpace=wrap;html=1;shadow=1;strokeWidth=1;fontSize=20;verticalAlign=top;align=right;spacing=5;strokeColor=#000000;rounded=1;" parent="1" vertex="1">
      <mxGeometry x="450" y="1300" width="340" height="340" as="geometry"/>
    </mxCell>
    <mxCell id="773e548f221e3b7b-12" value="" style="whiteSpace=wrap;html=1;shadow=1;strokeWidth=1;fontSize=20;verticalAlign=top;align=right;spacing=5;strokeColor=#000000;rounded=1;" parent="1" vertex="1">
      <mxGeometry x="810" y="1300" width="340" height="340" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-1" value="1" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;rounded=1;shadow=0;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="370" y="230" width="40" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-2" value="2" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;rounded=1;shadow=0;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="730" y="230" width="40" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-10" value="9" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;rounded=1;shadow=0;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="1090" y="947" width="40" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-11" value="8" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;rounded=1;shadow=0;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="730" y="947" width="40" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-12" value="7" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;rounded=1;shadow=0;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="370" y="947" width="40" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-13" value="4" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;rounded=1;shadow=0;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="1090" y="590" width="40" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-14" value="5" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;rounded=1;shadow=0;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="730" y="590" width="40" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-15" value="6" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;rounded=1;shadow=0;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="370" y="590" width="40" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-16" value="3" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;rounded=1;shadow=0;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="1090" y="230" width="40" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-19" value="12" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;rounded=1;shadow=0;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="370" y="1310" width="40" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-20" value="11" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;rounded=1;shadow=0;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="730" y="1310" width="40" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-21" value="10" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;rounded=1;shadow=0;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="1090" y="1310" width="40" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-22" value="Book:" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=1;shadow=0;fontSize=20;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="80" y="60" width="990" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-23" value="Artist:" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=1;shadow=0;fontSize=20;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="80" y="100" width="990" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-24" value="Name:" style="text;html=1;strokeColor=none;fillColor=none;align=left;verticalAlign=middle;whiteSpace=wrap;rounded=1;shadow=0;fontSize=20;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="80" y="140" width="990" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-25" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;notch=0;rounded=1;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="420" y="355" width="50" height="70" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-26" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;notch=0;rounded=1;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="780" y="355" width="50" height="70" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-27" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;direction=south;notch=0;rounded=1;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="945" y="550" width="70" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-28" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;flipH=1;notch=0;rounded=1;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="770" y="715" width="50" height="70" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-29" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;flipH=1;notch=0;rounded=1;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="410" y="715" width="50" height="70" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-30" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;direction=south;notch=0;rounded=1;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="225" y="912" width="70" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-31" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;notch=0;rounded=1;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="420" y="1072" width="50" height="70" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-32" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;notch=0;rounded=1;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="780" y="1072" width="50" height="70" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-33" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;direction=south;notch=0;rounded=1;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="945" y="1267" width="70" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-34" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;flipH=1;notch=0;rounded=1;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="770" y="1435" width="50" height="70" as="geometry"/>
    </mxCell>
    <mxCell id="3bd2b23898a7b-35" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;flipH=1;notch=0;rounded=1;strokeColor=#666666;strokeWidth=1;fillColor=#f5f5f5;fontSize=20;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="410" y="1435" width="50" height="70" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```