---
title: "Callouts 3 Diagram"
description: "A diagram diagram template"
category: "templates/other"
type: "diagram"
source_file: "templates/other/callouts_3_decoded.xml"
tags: ["other", "miscellaneous", "template", "drawio", "utility"]
---

# Callouts 3 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="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="3bd24fb304f16e91-1" value="" style="shadow=0;dashed=0;html=1;strokeColor=none;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.office.users.user;fillColor=#10739E;rounded=0;fontSize=12;fontColor=#FFFFFF;align=left;" parent="1" vertex="1">
      <mxGeometry x="753" y="600" width="156" height="170" as="geometry"/>
    </mxCell>
    <mxCell id="3bd24fb304f16e91-2" value="&lt;h1&gt;Heading&lt;/h1&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;" style="strokeWidth=2;whiteSpace=wrap;html=1;shape=mxgraph.basic.roundRectCallout;dx=63.4;dy=32.77;size=48.02;rounded=0;shadow=1;fillColor=#F2931E;fontSize=12;fontColor=#FFFFFF;align=center;strokeColor=none;verticalAlign=top;" parent="1" vertex="1">
      <mxGeometry x="1130" y="459" width="260" height="180" as="geometry"/>
    </mxCell>
    <mxCell id="3bd24fb304f16e91-3" value="&lt;h1&gt;Heading&lt;/h1&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;" style="strokeWidth=2;whiteSpace=wrap;html=1;shape=mxgraph.basic.roundRectCallout;dx=63.4;dy=32.77;size=48.02;rounded=0;shadow=1;fillColor=#AE4132;fontSize=12;fontColor=#FFFFFF;align=center;strokeColor=none;verticalAlign=top;" parent="1" vertex="1">
      <mxGeometry x="850" y="390" width="260" height="180" as="geometry"/>
    </mxCell>
    <mxCell id="3bd24fb304f16e91-4" value="&lt;h1&gt;Heading&lt;/h1&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;" style="strokeWidth=2;whiteSpace=wrap;html=1;shape=mxgraph.basic.roundRectCallout;dx=63.4;dy=32.77;size=48.02;rounded=0;shadow=1;fillColor=#F2931E;fontSize=12;fontColor=#FFFFFF;align=center;flipH=1;strokeColor=none;verticalAlign=top;" parent="1" vertex="1">
      <mxGeometry x="560" y="390" width="260" height="180" as="geometry"/>
    </mxCell>
    <mxCell id="3bd24fb304f16e91-5" value="&lt;h1&gt;Heading&lt;/h1&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;" style="strokeWidth=2;whiteSpace=wrap;html=1;shape=mxgraph.basic.roundRectCallout;dx=63.4;dy=32.77;size=48.02;rounded=0;shadow=1;fillColor=#F2931E;fontSize=12;fontColor=#FFFFFF;align=center;flipH=1;strokeColor=none;verticalAlign=top;" parent="1" vertex="1">
      <mxGeometry x="280" y="480" width="260" height="180" as="geometry"/>
    </mxCell>
    <mxCell id="3bd24fb304f16e91-6" value="&lt;h1&gt;Heading&lt;/h1&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;" style="strokeWidth=2;whiteSpace=wrap;html=1;shape=mxgraph.basic.roundRectCallout;dx=63.4;dy=32.77;size=48.02;rounded=0;shadow=1;fillColor=#F2931E;fontSize=12;fontColor=#FFFFFF;align=center;flipV=1;strokeColor=none;verticalAlign=bottom;spacingBottom=19;" parent="1" vertex="1">
      <mxGeometry x="850" y="820" width="260" height="180" as="geometry"/>
    </mxCell>
    <mxCell id="3bd24fb304f16e91-7" value="&lt;h1&gt;Heading&lt;/h1&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;" style="strokeWidth=2;whiteSpace=wrap;html=1;shape=mxgraph.basic.roundRectCallout;dx=63.4;dy=32.77;size=48.02;rounded=0;shadow=1;fillColor=#F2931E;fontSize=12;fontColor=#FFFFFF;align=center;flipH=1;flipV=1;strokeColor=none;verticalAlign=bottom;spacingBottom=19;" parent="1" vertex="1">
      <mxGeometry x="560" y="820" width="260" height="180" as="geometry"/>
    </mxCell>
    <mxCell id="3bd24fb304f16e91-8" value="&lt;h1&gt;Heading&lt;/h1&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;" style="strokeWidth=2;whiteSpace=wrap;html=1;shape=mxgraph.basic.roundRectCallout;dx=63.4;dy=32.77;size=48.02;rounded=0;shadow=1;fillColor=#F2931E;fontSize=12;fontColor=#FFFFFF;align=center;flipH=1;flipV=1;strokeColor=none;verticalAlign=bottom;spacingBottom=19;" parent="1" vertex="1">
      <mxGeometry x="280" y="730" width="260" height="180" as="geometry"/>
    </mxCell>
    <mxCell id="3bd24fb304f16e91-9" value="&lt;h1&gt;Heading&lt;/h1&gt;&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.&lt;/p&gt;" style="strokeWidth=2;whiteSpace=wrap;html=1;shape=mxgraph.basic.roundRectCallout;dx=63.4;dy=32.77;size=48.02;rounded=0;shadow=1;fillColor=#F2931E;fontSize=12;fontColor=#FFFFFF;align=center;flipV=1;strokeColor=none;verticalAlign=bottom;spacingBottom=19;" parent="1" vertex="1">
      <mxGeometry x="1130" y="739" width="260" height="180" as="geometry"/>
    </mxCell>
    <mxCell id="3bd24fb304f16e91-10" value="Title" style="text;strokeColor=none;fillColor=none;html=1;fontSize=24;fontStyle=1;verticalAlign=middle;align=center;rounded=0;shadow=1;" parent="1" vertex="1">
      <mxGeometry x="570" y="110" width="860" height="40" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```