---
title: "Bar Chart 2 Diagram"
description: "A diagram diagram template"
category: "templates/charts"
type: "diagram"
source_file: "templates/charts/bar_chart_2_decoded.xml"
tags: ["template", "chart", "visualization", "charts", "drawio", "data"]
---

# Bar Chart 2 Diagram

A diagram diagram template

## XML Source

```xml
<?xml version="1.0" ?>
<mxGraphModel dx="-930" dy="-283" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" background="none" math="0" shadow="0">
  <root>
    <mxCell id="0"/>
    <mxCell id="1" parent="0"/>
    <mxCell id="723" value="" style="whiteSpace=wrap;fillColor=#12AAB5;gradientColor=none;gradientDirection=east;strokeColor=none;html=1;fontColor=#23445d;" parent="1" vertex="1">
      <mxGeometry x="2497.5" y="1464.5000000000002" width="120" height="130" as="geometry"/>
    </mxCell>
    <mxCell id="724" value="" style="whiteSpace=wrap;fillColor=#12AAB5;gradientColor=none;gradientDirection=east;strokeColor=none;html=1;fontColor=#23445d;" parent="1" vertex="1">
      <mxGeometry x="2697.5" y="1544.5" width="120" height="50.00000000000023" as="geometry"/>
    </mxCell>
    <mxCell id="725" value="" style="whiteSpace=wrap;fillColor=#12AAB5;gradientColor=none;gradientDirection=east;strokeColor=none;html=1;fontColor=#23445d;" parent="1" vertex="1">
      <mxGeometry x="2897.5" y="1494.5" width="120" height="100" as="geometry"/>
    </mxCell>
    <mxCell id="726" value="" style="whiteSpace=wrap;fillColor=#12AAB5;gradientColor=none;gradientDirection=east;strokeColor=none;html=1;fontColor=#23445d;" parent="1" vertex="1">
      <mxGeometry x="3097.5" y="1424.5" width="120" height="170" as="geometry"/>
    </mxCell>
    <mxCell id="727" value="" style="edgeStyle=none;html=1;fontColor=#000000;strokeWidth=3;strokeColor=#000000;" parent="1" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="2437.5" y="1594.5" as="sourcePoint"/>
        <mxPoint x="2437.5" y="1114.5" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="728" value="" style="whiteSpace=wrap;fillColor=#F08705;gradientColor=none;gradientDirection=east;strokeColor=none;html=1;fontColor=#23445d;" parent="1" vertex="1">
      <mxGeometry x="2497.5" y="1334.5000000000002" width="120" height="130" as="geometry"/>
    </mxCell>
    <mxCell id="729" value="" style="whiteSpace=wrap;fillColor=#E85642;gradientColor=none;gradientDirection=east;strokeColor=none;html=1;fontColor=#23445d;" parent="1" vertex="1">
      <mxGeometry x="2497.5" y="1204.5000000000005" width="120" height="130" as="geometry"/>
    </mxCell>
    <mxCell id="730" value="" style="whiteSpace=wrap;fillColor=#F08705;gradientColor=none;gradientDirection=east;strokeColor=none;html=1;fontColor=#23445d;" parent="1" vertex="1">
      <mxGeometry x="2697.5" y="1384.4999999999998" width="120" height="159.99999999999983" as="geometry"/>
    </mxCell>
    <mxCell id="731" value="" style="whiteSpace=wrap;fillColor=#E85642;gradientColor=none;gradientDirection=east;strokeColor=none;html=1;fontColor=#23445d;" parent="1" vertex="1">
      <mxGeometry x="2697.5" y="1354.5" width="120" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="732" value="" style="whiteSpace=wrap;fillColor=#F08705;gradientColor=none;gradientDirection=east;strokeColor=none;html=1;fontColor=#23445d;" parent="1" vertex="1">
      <mxGeometry x="2897.5" y="1334.5" width="120" height="160" as="geometry"/>
    </mxCell>
    <mxCell id="733" value="" style="whiteSpace=wrap;fillColor=#E85642;gradientColor=none;gradientDirection=east;strokeColor=none;html=1;fontColor=#23445d;" parent="1" vertex="1">
      <mxGeometry x="2897.5" y="1154.5" width="120" height="180" as="geometry"/>
    </mxCell>
    <mxCell id="734" value="" style="edgeStyle=none;html=1;fontColor=#000000;strokeWidth=3;strokeColor=#000000;" parent="1" edge="1">
      <mxGeometry width="100" height="100" relative="1" as="geometry">
        <mxPoint x="2437.5" y="1594.5" as="sourcePoint"/>
        <mxPoint x="3357.5" y="1594.5" as="targetPoint"/>
      </mxGeometry>
    </mxCell>
    <mxCell id="735" value="Parameter x" style="text;spacingTop=-5;html=1;fontSize=18;fontStyle=0;fontColor=#000000;strokeColor=none;" parent="1" vertex="1">
      <mxGeometry x="3367.5" y="1582.5" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="736" value="x1" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontStyle=0;html=1;fontSize=18;fontColor=#000000;strokeColor=none;" parent="1" vertex="1">
      <mxGeometry x="2497.5" y="1596.5" width="120" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="737" value="x2" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontStyle=0;html=1;fontSize=18;fontColor=#000000;strokeColor=none;" parent="1" vertex="1">
      <mxGeometry x="2697.5" y="1596.5" width="120" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="738" value="x3" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontStyle=0;html=1;fontSize=18;fontColor=#000000;strokeColor=none;" parent="1" vertex="1">
      <mxGeometry x="2897.5" y="1596.5" width="120" height="30" as="geometry"/>
    </mxCell>
    <mxCell id="739" value="" style="whiteSpace=wrap;fillColor=#12AAB5;gradientColor=none;gradientDirection=east;strokeColor=none;html=1;fontColor=#23445d;" parent="1" vertex="1">
      <mxGeometry x="3257.5" y="994.5" width="35.000000000000114" height="30.000000000000227" as="geometry"/>
    </mxCell>
    <mxCell id="740" value="" style="whiteSpace=wrap;fillColor=#F08705;gradientColor=none;gradientDirection=east;strokeColor=none;html=1;fontColor=#23445d;" parent="1" vertex="1">
      <mxGeometry x="3257.4999999999995" y="954.4999999999999" width="35.000000000000114" height="30.000000000000227" as="geometry"/>
    </mxCell>
    <mxCell id="741" value="" style="whiteSpace=wrap;fillColor=#E85642;gradientColor=none;gradientDirection=east;strokeColor=none;html=1;fontColor=#23445d;" parent="1" vertex="1">
      <mxGeometry x="3257.5" y="914.5" width="35.000000000000114" height="30.000000000000114" as="geometry"/>
    </mxCell>
    <mxCell id="742" value="Type 1" style="text;spacingTop=-5;html=1;fontColor=#000000;fontSize=15;" parent="1" vertex="1">
      <mxGeometry x="3297.5" y="919.5000000000001" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="743" value="Type 2" style="text;spacingTop=-5;html=1;fontColor=#000000;fontSize=15;" parent="1" vertex="1">
      <mxGeometry x="3297.5" y="959.5000000000001" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="744" value="Type 3" style="text;spacingTop=-5;html=1;fontColor=#000000;fontSize=15;" parent="1" vertex="1">
      <mxGeometry x="3297.5" y="999.5000000000001" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="745" value="Parameter y" style="text;spacingTop=-5;html=1;fontSize=18;fontStyle=0;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="2397.5" y="1085.5" width="80" height="20" as="geometry"/>
    </mxCell>
    <mxCell id="746" value="y1" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontStyle=0;html=1;fontSize=18;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="2405.5" y="1464.5000000000002" width="30" height="129.99999999999977" as="geometry"/>
    </mxCell>
    <mxCell id="747" value="y2" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontStyle=0;html=1;fontSize=18;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="2405.5" y="1334.5" width="30" height="129.99999999999977" as="geometry"/>
    </mxCell>
    <mxCell id="748" value="y3" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontStyle=0;html=1;fontSize=18;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="2405.5" y="1204.5" width="30" height="129.99999999999977" as="geometry"/>
    </mxCell>
    <mxCell id="749" value="&lt;font style=&quot;font-size: 30px;&quot;&gt;Diagram title&lt;/font&gt;" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontSize=30;fontStyle=1;html=1;fontColor=#000000;" parent="1" vertex="1">
      <mxGeometry x="2437.5" y="854.5" width="810" height="45" as="geometry"/>
    </mxCell>
    <mxCell id="750" value="" style="whiteSpace=wrap;fillColor=#F08705;gradientColor=none;gradientDirection=east;strokeColor=none;html=1;fontColor=#23445d;" parent="1" vertex="1">
      <mxGeometry x="3097.5" y="1374.5" width="120" height="50" as="geometry"/>
    </mxCell>
    <mxCell id="751" value="" style="whiteSpace=wrap;fillColor=#E85642;gradientColor=none;gradientDirection=east;strokeColor=none;html=1;fontColor=#23445d;" parent="1" vertex="1">
      <mxGeometry x="3097.5" y="1264.5" width="120" height="110" as="geometry"/>
    </mxCell>
    <mxCell id="752" value="x4" style="text;spacingTop=-5;align=center;verticalAlign=middle;fontStyle=0;html=1;fontSize=18;fontColor=#000000;strokeColor=none;" parent="1" vertex="1">
      <mxGeometry x="3097.5" y="1596.5" width="120" height="30" as="geometry"/>
    </mxCell>
  </root>
</mxGraphModel>

```