---
title: "Timeline 5 Diagram"
description: "A diagram diagram template"
category: "templates/business"
type: "diagram"
source_file: "templates/business/timeline_5_decoded.xml"
tags: ["timeline", "process", "template", "gantt", "project", "business", "drawio", "workflow"]
---

# Timeline 5 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" pageWidth="1100" pageHeight="850" background="none" math="0" shadow="0">
  <root>
    <mxCell id="0"/>
    <mxCell id="1" parent="0"/>
    <mxCell id="7c3a617817c5cf35-16" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;direction=north;notch=0;strokeWidth=2;fillColor=#CCCCCC;fontSize=14;fontColor=#000000;strokeColor=none;" parent="1" vertex="1">
      <mxGeometry x="73" y="595" width="160" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="7c3a617817c5cf35-4" value="2017" style="verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.infographic.shadedCube;isoAngle=15;fillColor=#10739E;strokeColor=none;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;strokeWidth=2;" parent="1" vertex="1">
      <mxGeometry x="93" y="445" width="120" height="110" as="geometry"/>
    </mxCell>
    <mxCell id="7c3a617817c5cf35-7" value="2018" style="verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.infographic.shadedCube;isoAngle=15;fillColor=#F2931E;strokeColor=none;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;strokeWidth=2;" parent="1" vertex="1">
      <mxGeometry x="293" y="415" width="120" height="140" as="geometry"/>
    </mxCell>
    <mxCell id="7c3a617817c5cf35-8" value="2019" style="verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.infographic.shadedCube;isoAngle=15;fillColor=#AE4132;strokeColor=none;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;strokeWidth=2;" parent="1" vertex="1">
      <mxGeometry x="493" y="365" width="120" height="190" as="geometry"/>
    </mxCell>
    <mxCell id="7c3a617817c5cf35-9" value="2020" style="verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.infographic.shadedCube;isoAngle=15;fillColor=#23445D;strokeColor=none;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;strokeWidth=2;" parent="1" vertex="1">
      <mxGeometry x="693" y="274.9999999999999" width="120" height="280" as="geometry"/>
    </mxCell>
    <mxCell id="7c3a617817c5cf35-10" value="2021" style="verticalLabelPosition=bottom;verticalAlign=top;html=1;shape=mxgraph.infographic.shadedCube;isoAngle=15;fillColor=#12AAB5;strokeColor=none;fontFamily=Helvetica;fontSize=20;fontColor=#000000;align=center;strokeWidth=2;" parent="1" vertex="1">
      <mxGeometry x="893" y="184.99999999999986" width="120" height="370" as="geometry"/>
    </mxCell>
    <mxCell id="7c3a617817c5cf35-11" 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="text;html=1;spacing=5;spacingTop=-20;whiteSpace=wrap;overflow=hidden;strokeWidth=2;fillColor=none;gradientColor=none;fontSize=14;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="18" y="655" width="270" height="140" as="geometry"/>
    </mxCell>
    <mxCell id="7c3a617817c5cf35-12" 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="text;html=1;spacing=5;spacingTop=-20;whiteSpace=wrap;overflow=hidden;strokeWidth=2;fillColor=none;gradientColor=none;fontSize=14;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="215" y="205" width="270" height="140" as="geometry"/>
    </mxCell>
    <mxCell id="7c3a617817c5cf35-13" 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="text;html=1;spacing=5;spacingTop=-20;whiteSpace=wrap;overflow=hidden;strokeWidth=2;fillColor=none;gradientColor=none;fontSize=14;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="419" y="655" width="270" height="140" as="geometry"/>
    </mxCell>
    <mxCell id="7c3a617817c5cf35-14" 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="text;html=1;spacing=5;spacingTop=-20;whiteSpace=wrap;overflow=hidden;strokeWidth=2;fillColor=none;gradientColor=none;fontSize=14;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="819" y="655" width="270" height="140" as="geometry"/>
    </mxCell>
    <mxCell id="7c3a617817c5cf35-15" 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="text;html=1;spacing=5;spacingTop=-20;whiteSpace=wrap;overflow=hidden;strokeWidth=2;fillColor=none;gradientColor=none;fontSize=14;fontColor=#000000;align=center;" parent="1" vertex="1">
      <mxGeometry x="613" y="55" width="270" height="140" as="geometry"/>
    </mxCell>
    <mxCell id="7c3a617817c5cf35-18" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;direction=north;notch=0;strokeWidth=2;fillColor=#CCCCCC;fontSize=14;fontColor=#000000;strokeColor=none;" parent="1" vertex="1">
      <mxGeometry x="474" y="595" width="160" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="7c3a617817c5cf35-19" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;direction=north;notch=0;strokeWidth=2;fillColor=#CCCCCC;fontSize=14;fontColor=#000000;strokeColor=none;" parent="1" vertex="1">
      <mxGeometry x="874" y="595" width="160" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="7c3a617817c5cf35-20" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;direction=north;notch=0;strokeWidth=2;fillColor=#CCCCCC;fontSize=14;fontColor=#000000;strokeColor=none;flipV=1;" parent="1" vertex="1">
      <mxGeometry x="275" y="340" width="160" height="60" as="geometry"/>
    </mxCell>
    <mxCell id="7c3a617817c5cf35-21" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;direction=north;notch=0;strokeWidth=2;fillColor=#CCCCCC;fontSize=14;fontColor=#000000;strokeColor=none;flipV=1;" parent="1" vertex="1">
      <mxGeometry x="673" y="195" width="160" height="60" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```