---
title: "Drawio Tree Species Example Diagram"
description: "A diagram diagram template"
category: "training"
type: "diagram"
source_file: "training-diagrams/drawio-tree-species-example_decoded.xml"
tags: ["drawio", "training", "tutorial"]
---

# Drawio Tree Species Example Diagram

A diagram diagram template

## XML Source

```xml
<?xml version="1.0" ?>
<mxGraphModel dx="1367" dy="588" 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="edgeStyle=orthogonalEdgeStyle;rounded=1;html=1;jettySize=auto;orthogonalLoop=1;exitX=0.5;exitY=1;entryX=0.5;entryY=0;strokeColor=#b85450;strokeWidth=3;fillColor=#f8cecc;endArrow=block;endFill=0;" parent="1" source="4" target="13" edge="1">
      <mxGeometry x="150" y="90" as="geometry">
        <Array as="points">
          <mxPoint x="150" y="130"/>
          <mxPoint x="240" y="130"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="3" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=1;html=1;jettySize=auto;orthogonalLoop=1;exitX=0.5;exitY=1;entryX=0.5;entryY=0;strokeColor=#b85450;strokeWidth=3;fillColor=#f8cecc;endArrow=block;endFill=0;" parent="1" source="4" target="8" edge="1">
      <mxGeometry x="60" y="90" as="geometry">
        <Array as="points">
          <mxPoint x="150" y="130"/>
          <mxPoint x="60" y="130"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="4" value="&lt;b&gt;&lt;font style=&quot;font-size: 24px&quot;&gt;Tree Species&lt;/font&gt;&lt;/b&gt;" style="whiteSpace=wrap;html=1;strokeWidth=3;rounded=1;fillColor=#F8CECC;strokeColor=#b85450;gradientColor=#EA6B66;" parent="1" vertex="1">
      <mxGeometry x="60" y="10" width="180" height="80" as="geometry"/>
    </mxCell>
    <mxCell id="5" style="edgeStyle=orthogonalEdgeStyle;rounded=1;html=1;exitX=0;exitY=0.5;entryX=0;entryY=0.5;jettySize=auto;orthogonalLoop=1;strokeColor=#82B366;strokeWidth=2;endArrow=none;endFill=0;" parent="1" source="8" target="9" edge="1">
      <mxGeometry x="-20" y="190" as="geometry">
        <Array as="points">
          <mxPoint x="-20" y="190"/>
          <mxPoint x="-20" y="430"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="6" style="edgeStyle=orthogonalEdgeStyle;rounded=1;html=1;exitX=0;exitY=0.5;entryX=0;entryY=0.5;jettySize=auto;orthogonalLoop=1;strokeColor=#82B366;strokeWidth=2;endArrow=none;endFill=0;" parent="1" source="8" target="14" edge="1">
      <mxGeometry x="-20" y="190" as="geometry">
        <Array as="points">
          <mxPoint x="-20" y="190"/>
          <mxPoint x="-20" y="350"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="7" style="edgeStyle=orthogonalEdgeStyle;rounded=1;html=1;exitX=0;exitY=0.5;entryX=0;entryY=0.5;jettySize=auto;orthogonalLoop=1;strokeColor=#82B366;strokeWidth=2;endArrow=none;endFill=0;" parent="1" source="8" target="15" edge="1">
      <mxGeometry x="-20" y="190" as="geometry">
        <Array as="points">
          <mxPoint x="-20" y="190"/>
          <mxPoint x="-20" y="270"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="8" value="Conifers" style="whiteSpace=wrap;html=1;rounded=1;fontStyle=1;strokeWidth=2;strokeColor=#82b366;fillColor=#D5E8D4;gradientColor=#97D077;" parent="1" vertex="1">
      <mxGeometry y="160" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="9" value="Spruce" style="whiteSpace=wrap;html=1;rounded=1;strokeColor=#82b366;fillColor=#D5E8D4;strokeWidth=2;dashed=1;" parent="1" vertex="1">
      <mxGeometry y="400" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="10" style="edgeStyle=orthogonalEdgeStyle;rounded=1;html=1;exitX=1;exitY=0.5;entryX=1;entryY=0.5;jettySize=auto;orthogonalLoop=1;strokeColor=#82B366;strokeWidth=2;endArrow=none;endFill=0;" parent="1" source="13" target="16" edge="1">
      <mxGeometry x="300" y="190" as="geometry"/>
    </mxCell>
    <mxCell id="11" style="edgeStyle=orthogonalEdgeStyle;rounded=1;html=1;exitX=1;exitY=0.5;entryX=1;entryY=0.5;jettySize=auto;orthogonalLoop=1;strokeColor=#82B366;strokeWidth=2;endArrow=none;endFill=0;" parent="1" source="13" target="17" edge="1">
      <mxGeometry x="300" y="190" as="geometry"/>
    </mxCell>
    <mxCell id="12" style="edgeStyle=orthogonalEdgeStyle;rounded=1;html=1;exitX=1;exitY=0.5;entryX=1;entryY=0.5;jettySize=auto;orthogonalLoop=1;strokeColor=#82B366;strokeWidth=2;endArrow=none;endFill=0;" parent="1" source="13" target="18" edge="1">
      <mxGeometry x="300" y="190" as="geometry">
        <Array as="points">
          <mxPoint x="320" y="190"/>
          <mxPoint x="320" y="430"/>
        </Array>
      </mxGeometry>
    </mxCell>
    <mxCell id="13" value="Deciduous Trees" style="whiteSpace=wrap;html=1;rounded=1;fontStyle=1;strokeWidth=2;fillColor=#D5E8D4;strokeColor=#82b366;gradientColor=#97D077;" parent="1" vertex="1">
      <mxGeometry x="180" y="160" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="14" value="Fir" style="whiteSpace=wrap;html=1;rounded=1;strokeColor=#82b366;fillColor=#D5E8D4;strokeWidth=2;dashed=1;" parent="1" vertex="1">
      <mxGeometry y="320" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="15" value="Pine" style="whiteSpace=wrap;html=1;rounded=1;strokeColor=#82b366;fillColor=#D5E8D4;strokeWidth=2;dashed=1;" parent="1" vertex="1">
      <mxGeometry y="240" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="16" value="Beech" style="whiteSpace=wrap;html=1;rounded=1;strokeColor=#82b366;fillColor=#D5E8D4;strokeWidth=2;dashed=1;" parent="1" vertex="1">
      <mxGeometry x="180" y="240" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="17" value="Oak" style="whiteSpace=wrap;html=1;rounded=1;strokeColor=#82b366;fillColor=#D5E8D4;strokeWidth=2;dashed=1;" parent="1" vertex="1">
      <mxGeometry x="180" y="320" width="120" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="18" value="Maple" style="whiteSpace=wrap;html=1;rounded=1;strokeColor=#82b366;fillColor=#D5E8D4;strokeWidth=2;dashed=1;" parent="1" vertex="1">
      <mxGeometry x="180" y="400" width="120" height="60" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```