---
title: "Draw.Io Coffee Example Diagram"
description: "A diagram diagram template"
category: "training"
type: "diagram"
source_file: "training-diagrams/draw.io coffee example_decoded.xml"
tags: ["drawio", "training", "tutorial"]
---

# Draw.Io Coffee Example Diagram

A diagram diagram template

## XML Source

```xml
<?xml version="1.0" ?>
<mxGraphModel dx="967" dy="988" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="850" pageHeight="1100" background="#ffffff" math="0" shadow="0">
  <root>
    <mxCell id="0"/>
    <mxCell id="1" parent="0"/>
    <mxCell id="2" value="" style="ellipse;whiteSpace=wrap;html=1;fillColor=#E5EEFC;strokeColor=none;" parent="1" vertex="1">
      <mxGeometry x="90" y="-215" width="1000" height="1000" as="geometry"/>
    </mxCell>
    <mxCell id="3" value="" style="shape=mxgraph.signs.food.coffee;html=1;verticalLabelPosition=bottom;verticalAlign=middle;fontSize=16;fontColor=#000000;plain-gray;fillColor=#F5F5F5;strokeColor=#000000;gradientColor=none;strokeWidth=3;perimeterSpacing=10;" parent="1" vertex="1">
      <mxGeometry x="450" y="235" width="258" height="160" as="geometry"/>
    </mxCell>
    <mxCell id="4" value="" style="edgeStyle=orthogonalEdgeStyle;curved=1;html=1;fontSize=16;strokeColor=#009900;entryX=0.33;entryY=-0.01;entryPerimeter=0;strokeWidth=3;fontStyle=0;fontColor=#009900;" parent="1" source="6" target="3" edge="1">
      <mxGeometry x="455" y="185" as="geometry">
        <mxPoint x="530" y="265" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="411" y="140"/>
          <mxPoint x="532" y="140"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="5" value="yes" style="text;html=1;resizable=0;points=[];align=center;verticalAlign=middle;labelBackgroundColor=#E5EEFC;fontSize=20;fontColor=#009900;fontStyle=1" parent="4" vertex="1" connectable="0">
      <mxGeometry x="-0.1124" y="1" relative="1" as="geometry">
        <mxPoint x="-29" y="-21" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="6" value="&lt;div&gt;Is it still early?&lt;/div&gt;" style="ellipse;shape=cloud;whiteSpace=wrap;html=1;fontFamily=Helvetica;fontSize=16;fontColor=#000000;align=center;strokeColor=#82b366;strokeWidth=3;fillColor=#d5e8d4;perimeterSpacing=0;" parent="1" vertex="1">
      <mxGeometry x="300" y="-88" width="200" height="133" as="geometry"/>
    </mxCell>
    <mxCell id="7" value="" style="edgeStyle=orthogonalEdgeStyle;curved=1;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;fontSize=16;fontColor=#009900;exitX=0;exitY=0.5;strokeColor=#009900;entryX=0.677;entryY=0.007;entryPerimeter=0;strokeWidth=3;fontStyle=0" parent="1" source="9" target="3" edge="1">
      <mxGeometry x="627" y="195" as="geometry">
        <mxPoint x="680" y="205" as="sourcePoint"/>
        <mxPoint x="627" y="254.83333333333348" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="8" value="yes" style="text;html=1;resizable=0;points=[];align=center;verticalAlign=middle;labelBackgroundColor=#E5EEFC;fontColor=#009900;fontSize=20;fontStyle=1" parent="7" vertex="1" connectable="0">
      <mxGeometry relative="1" as="geometry">
        <mxPoint x="17" y="35" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="9" value="&lt;div style=&quot;line-height: 120%&quot;&gt;&lt;br&gt;&lt;/div&gt;&lt;div style=&quot;line-height: 120%&quot;&gt;Are you thirsty?&lt;/div&gt;" style="shape=cylinder;whiteSpace=wrap;html=1;fontFamily=Helvetica;fontSize=16;fontColor=#000000;align=center;strokeColor=#000000;strokeWidth=3;fillColor=#F5F5F5;perimeterSpacing=10;" parent="1" vertex="1">
      <mxGeometry x="752" y="65" width="98" height="120" as="geometry"/>
    </mxCell>
    <mxCell id="10" value="" style="edgeStyle=orthogonalEdgeStyle;curved=1;html=1;fontSize=16;strokeColor=#FF3333;entryX=0.5;entryY=0;fontColor=#FF3333;strokeWidth=3;" parent="1" source="6" target="9" edge="1">
      <mxGeometry x="530" y="135" as="geometry">
        <mxPoint x="680" y="175" as="targetPoint"/>
        <mxPoint x="480" y="-21" as="sourcePoint"/>
        <Array as="points">
          <mxPoint x="801" y="-21"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="11" value="no" style="text;html=1;resizable=0;points=[];align=center;verticalAlign=middle;labelBackgroundColor=#E5EEFC;fontSize=20;fontColor=#FF3333;fontStyle=1" parent="10" vertex="1" connectable="0">
      <mxGeometry x="-0.4526" y="-5" relative="1" as="geometry">
        <mxPoint x="27" y="-1" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="13" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;fontSize=16;fontColor=#000000;exitX=0.5;exitY=1;curved=1;strokeColor=#FF3333;entryX=0.5;entryY=0;strokeWidth=3;" parent="1" source="9" target="12" edge="1">
      <mxGeometry x="775" y="245" as="geometry">
        <mxPoint x="860" y="255" as="sourcePoint"/>
        <mxPoint x="825" y="365" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="14" value="no" style="text;html=1;resizable=0;points=[];align=center;verticalAlign=middle;labelBackgroundColor=#E5EEFC;fontSize=20;fontColor=#FF3333;fontStyle=1" parent="13" vertex="1" connectable="0">
      <mxGeometry x="-0.1056" y="-3" relative="1" as="geometry">
        <mxPoint x="-10" y="-19" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="15" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;fontSize=16;fontColor=#009900;curved=1;strokeColor=#009900;entryX=0.5;entryY=1;entryPerimeter=0;strokeWidth=3;fontStyle=0" parent="1" source="17" target="3" edge="1">
      <mxGeometry x="560" y="385" as="geometry">
        <mxPoint x="560" y="385" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="16" value="yes" style="text;html=1;resizable=0;points=[];align=center;verticalAlign=middle;labelBackgroundColor=#E5EEFC;fontSize=20;fontColor=#009900;fontStyle=1" parent="15" vertex="1" connectable="0">
      <mxGeometry x="0.0727" y="-3" relative="1" as="geometry">
        <mxPoint x="-11" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="17" value="Do you eat cake?" style="ellipse;whiteSpace=wrap;html=1;strokeWidth=3;fontSize=16;fontColor=#000000;plain-gray;gradientColor=none;strokeColor=#000000;perimeterSpacing=10;" parent="1" vertex="1">
      <mxGeometry x="440" y="490" width="120" height="120" as="geometry"/>
    </mxCell>
    <mxCell id="18" value="" style="edgeStyle=orthogonalEdgeStyle;curved=1;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;fontSize=16;fontColor=#000000;strokeColor=#FF3333;entryX=1;entryY=0.5;exitX=0.1;exitY=0.5;strokeWidth=3;exitPerimeter=0;" parent="1" source="12" target="17" edge="1">
      <mxGeometry x="690" y="426" as="geometry">
        <mxPoint x="690.3333333333335" y="504.8333333333335" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="700" y="460"/>
          <mxPoint x="700" y="550"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="19" value="no" style="text;html=1;resizable=0;points=[];align=center;verticalAlign=middle;labelBackgroundColor=#E5EEFC;fontSize=20;fontColor=#FF3333;fontStyle=1" parent="18" vertex="1" connectable="0">
      <mxGeometry x="-0.0519" y="1" relative="1" as="geometry">
        <mxPoint x="-1" y="15" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="20" value="That's too bad!" style="strokeWidth=3;whiteSpace=wrap;html=1;shape=mxgraph.basic.oval_callout;fontFamily=Helvetica;fontSize=16;fontColor=#000000;align=center;strokeColor=#000000;fillColor=#F5F5F5;perimeterSpacing=10;" parent="1" vertex="1">
      <mxGeometry x="230" y="192" width="170" height="113" as="geometry"/>
    </mxCell>
    <mxCell id="21" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;html=1;jettySize=auto;orthogonalLoop=1;fontSize=16;fontColor=#000000;curved=1;strokeColor=#FF3333;strokeWidth=3;entryX=0.5;entryY=0.84;entryPerimeter=0;" parent="1" source="17" target="20" edge="1">
      <mxGeometry x="350" y="435" as="geometry">
        <mxPoint x="315" y="305" as="targetPoint"/>
        <Array as="points">
          <mxPoint x="315" y="550"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="22" value="no" style="text;html=1;resizable=0;points=[];align=center;verticalAlign=middle;labelBackgroundColor=#E5EEFC;fontSize=20;fontColor=#FF3333;fontStyle=1" parent="21" vertex="1" connectable="0">
      <mxGeometry x="-0.2366" y="-25" relative="1" as="geometry">
        <mxPoint x="-11" y="-53" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="23" value="" style="endArrow=classic;html=1;fontSize=16;fontColor=#009900;exitX=0.25;exitY=0.2;edgeStyle=orthogonalEdgeStyle;curved=1;strokeColor=#009900;entryX=0.793;entryY=0.68;entryPerimeter=0;strokeWidth=3;fontStyle=0;exitPerimeter=0;" parent="1" source="12" target="3" edge="1">
      <mxGeometry x="690" y="320" width="50" height="50" as="geometry">
        <mxPoint x="740" y="605" as="sourcePoint"/>
        <mxPoint x="690.3333333333335" y="319.8333333333335" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="24" value="&lt;span&gt;&lt;font style=&quot;font-size: 20px&quot;&gt;&lt;b&gt;yes&lt;/b&gt;&lt;/font&gt;&lt;/span&gt;" style="text;html=1;resizable=0;points=[];align=center;verticalAlign=middle;labelBackgroundColor=#E5EEFC;fontSize=16;fontColor=#009900;" parent="23" vertex="1" connectable="0">
      <mxGeometry relative="1" as="geometry">
        <mxPoint x="36" y="45" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="25" value="&lt;span style=&quot;font-size: 20px&quot;&gt;Drink coffee&lt;/span&gt;" style="text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;overflow=hidden;fontSize=16;fontColor=#000000;fontStyle=1" parent="1" vertex="1">
      <mxGeometry x="530" y="265" width="100" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="26" value="" style="edgeStyle=orthogonalEdgeStyle;curved=1;html=1;fontSize=16;strokeColor=#009900;entryX=0.21;entryY=0.5;entryPerimeter=0;strokeWidth=3;fontStyle=0;fontColor=#009900;exitX=0.945;exitY=0.45;exitPerimeter=0;" parent="1" source="20" target="3" edge="1">
      <mxGeometry x="430" y="335" as="geometry">
        <mxPoint x="480" y="335" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="27" value="yes" style="text;html=1;resizable=0;points=[];align=center;verticalAlign=middle;labelBackgroundColor=#E5EEFC;fontSize=20;fontColor=#009900;fontStyle=1" parent="26" vertex="1" connectable="0">
      <mxGeometry x="-0.5106" y="14" relative="1" as="geometry">
        <mxPoint x="-9" y="29" as="offset"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="28" value="&amp;nbsp; &amp;nbsp;&amp;nbsp;" style="text;html=1;resizable=0;points=[];autosize=1;align=left;verticalAlign=top;spacingTop=-4;fontSize=16;fontColor=#663300;" parent="1" vertex="1">
      <mxGeometry x="737" y="540" width="30" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="12" value="&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;&lt;br&gt;&lt;/div&gt;&lt;div&gt;Do you have visitors&lt;/div&gt;" style="shape=actor;whiteSpace=wrap;html=1;fontFamily=Helvetica;fontSize=16;fontColor=#000000;align=center;strokeColor=#000000;strokeWidth=3;fillColor=#F5F5F5;perimeterSpacing=10;" parent="1" vertex="1">
      <mxGeometry x="840" y="380" width="110" height="130" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```