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

# Callouts 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="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="4e09c8c330e43b11-8" value="Title" style="text;strokeColor=none;fillColor=none;html=1;fontSize=24;fontStyle=1;verticalAlign=middle;align=center;rounded=0;shadow=0;" parent="1" vertex="1">
      <mxGeometry x="280" y="80" width="1190" height="40" as="geometry"/>
    </mxCell>
    <mxCell id="6d1d09108a7f8f1b-1" value="Name" style="shape=mxgraph.signs.people.man_1;html=1;fillColor=#12AAB5;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;rounded=0;shadow=0;fontSize=16;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="359" y="360" width="37" height="98" as="geometry"/>
    </mxCell>
    <mxCell id="6d1d09108a7f8f1b-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=205.04;dy=26.93;size=15.64;rounded=0;shadow=0;fillColor=#12AAB5;fontSize=12;fontColor=#FFFFFF;align=left;flipH=1;strokeColor=none;verticalAlign=top;spacingTop=-20;spacing=10;" parent="1" vertex="1">
      <mxGeometry x="242" y="190" width="270" height="149" as="geometry"/>
    </mxCell>
    <mxCell id="6d1d09108a7f8f1b-5" value="Name" style="shape=mxgraph.signs.people.man_1;html=1;fillColor=#F2931E;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;rounded=0;shadow=0;fontSize=16;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="689" y="360" width="37" height="98" as="geometry"/>
    </mxCell>
    <mxCell id="6d1d09108a7f8f1b-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=205.04;dy=26.93;size=15.64;rounded=0;shadow=0;fillColor=#F2931E;fontSize=12;fontColor=#FFFFFF;align=left;flipH=1;strokeColor=none;verticalAlign=top;spacingTop=-20;spacing=10;" parent="1" vertex="1">
      <mxGeometry x="572" y="190" width="270" height="149" as="geometry"/>
    </mxCell>
    <mxCell id="6d1d09108a7f8f1b-7" value="Name" style="shape=mxgraph.signs.people.man_1;html=1;fillColor=#AE4132;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;rounded=0;shadow=0;fontSize=16;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="1019" y="360" width="37" height="98" as="geometry"/>
    </mxCell>
    <mxCell id="6d1d09108a7f8f1b-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=205.04;dy=26.93;size=15.64;rounded=0;shadow=0;fillColor=#AE4132;fontSize=12;fontColor=#FFFFFF;align=left;flipH=0;strokeColor=none;verticalAlign=top;spacingTop=-20;spacing=10;" parent="1" vertex="1">
      <mxGeometry x="902" y="190" width="270" height="149" as="geometry"/>
    </mxCell>
    <mxCell id="6d1d09108a7f8f1b-9" value="Name" style="shape=mxgraph.signs.people.man_1;html=1;fillColor=#10739E;strokeColor=none;verticalLabelPosition=bottom;verticalAlign=top;align=center;rounded=0;shadow=0;fontSize=16;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="1359" y="360" width="37" height="98" as="geometry"/>
    </mxCell>
    <mxCell id="6d1d09108a7f8f1b-10" 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=205.04;dy=26.93;size=15.64;rounded=0;shadow=0;fillColor=#10739E;fontSize=12;fontColor=#FFFFFF;align=left;flipH=0;strokeColor=#6c8ebf;verticalAlign=top;spacingTop=-20;spacing=10;" parent="1" vertex="1">
      <mxGeometry x="1242" y="190" width="270" height="149" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```