demo.svg

<?xml version="1.0"?>
<!-- Generated by SVGo -->
<svg width="730" height="300"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">
<rect x="0" y="0" width="730" height="300" style="fill:white" />
<rect x="10" y="13" width="50" height="237" style="fill:rgb(77,200,232)" />
<text x="35" y="276" style="font-size:14pt;fill:rgb(150, 150, 150);text-anchor:middle" >Jan</text>
<rect x="70" y="0" width="50" height="250" style="fill:rgb(77,200,232)" />
<text x="95" y="276" style="font-size:14pt;fill:rgb(150, 150, 150);text-anchor:middle" >Feb</text>
<rect x="130" y="112" width="50" height="138" style="fill:rgb(77,200,232)" />
<text x="155" y="276" style="font-size:14pt;fill:rgb(150, 150, 150);text-anchor:middle" >Mar</text>
<rect x="190" y="130" width="50" height="120" style="fill:rgb(77,200,232)" />
<text x="215" y="276" style="font-size:14pt;fill:rgb(150, 150, 150);text-anchor:middle" >Apr</text>
<rect x="250" y="160" width="50" height="90" style="fill:rgb(77,200,232)" />
<text x="275" y="276" style="font-size:14pt;fill:rgb(150, 150, 150);text-anchor:middle" >May</text>
<rect x="310" y="195" width="50" height="55" style="fill:rgb(77,200,232)" />
<text x="335" y="276" style="font-size:14pt;fill:rgb(150, 150, 150);text-anchor:middle" >Jun</text>
<rect x="370" y="206" width="50" height="44" style="fill:rgb(77,200,232)" />
<text x="395" y="276" style="font-size:14pt;fill:rgb(150, 150, 150);text-anchor:middle" >Jul</text>
<rect x="430" y="174" width="50" height="76" style="fill:rgb(77,200,232)" />
<text x="455" y="276" style="font-size:14pt;fill:rgb(150, 150, 150);text-anchor:middle" >Aug</text>
<rect x="490" y="250" width="50" height="0" style="fill:rgb(77,200,232)" />
<text x="515" y="276" style="font-size:14pt;fill:rgb(150, 150, 150);text-anchor:middle" >Sep</text>
<rect x="550" y="250" width="50" height="0" style="fill:rgb(77,200,232)" />
<text x="575" y="276" style="font-size:14pt;fill:rgb(150, 150, 150);text-anchor:middle" >Oct</text>
<rect x="610" y="250" width="50" height="0" style="fill:rgb(77,200,232)" />
<text x="635" y="276" style="font-size:14pt;fill:rgb(150, 150, 150);text-anchor:middle" >Nov</text>
<rect x="670" y="250" width="50" height="0" style="fill:rgb(77,200,232)" />
<text x="695" y="276" style="font-size:14pt;fill:rgb(150, 150, 150);text-anchor:middle" >Dec</text>
<line x1="0" y1="78" x2="730" y2="78" style="stroke: rgb(255,100,100); opacity: 0.8; stroke-width: 2px" />
<rect x="0" y="0" width="730" height="78" style="fill:rgb(255, 100, 100); opacity: 0.1" />
<line x1="0" y1="250" x2="730" y2="250" style="stroke: rgb(150, 150, 150); stroke-width:2" />
</svg>