examples/output/grouped-bar-chart.svg

<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" viewBox="0 0 800 600">
    <rect x="0" y="0" width="800" height="600" fill="white" fill-opacity="1" stroke="none" stroke-width="0" rx="0" ry="0"/>
    <text x="60" y="555" font-family="arial" font-size="14" fill="black" stroke="none" stroke-width="0" text-anchor="end" dominant-baseline="alphabetic" alignment-baseline="auto">0</text><text x="60" y="450" font-family="arial" font-size="14" fill="black" stroke="none" stroke-width="0" text-anchor="end" dominant-baseline="alphabetic" alignment-baseline="auto">200</text><text x="60" y="345" font-family="arial" font-size="14" fill="black" stroke="none" stroke-width="0" text-anchor="end" dominant-baseline="alphabetic" alignment-baseline="auto">400</text><text x="60" y="240" font-family="arial" font-size="14" fill="black" stroke="none" stroke-width="0" text-anchor="end" dominant-baseline="alphabetic" alignment-baseline="auto">600</text><text x="60" y="135" font-family="arial" font-size="14" fill="black" stroke="none" stroke-width="0" text-anchor="end" dominant-baseline="alphabetic" alignment-baseline="auto">800</text><text x="60" y="30" font-family="arial" font-size="14" fill="black" stroke="none" stroke-width="0" text-anchor="end" dominant-baseline="alphabetic" alignment-baseline="auto">1,000</text>
    <line x1="70" y1="550" x2="770" y2="550" stroke="black" stroke-dasharray="none" stroke-width="1" stroke-opacity="1.000000" />
    <line x1="70" y1="445" x2="770" y2="445" stroke="black" stroke-dasharray="none" stroke-width="1" stroke-opacity="0.200000" /><line x1="70" y1="340" x2="770" y2="340" stroke="black" stroke-dasharray="none" stroke-width="1" stroke-opacity="0.200000" /><line x1="70" y1="235" x2="770" y2="235" stroke="black" stroke-dasharray="none" stroke-width="1" stroke-opacity="0.200000" /><line x1="70" y1="130" x2="770" y2="130" stroke="black" stroke-dasharray="none" stroke-width="1" stroke-opacity="0.200000" /><line x1="70" y1="25" x2="770" y2="25" stroke="black" stroke-dasharray="none" stroke-width="1" stroke-opacity="0.200000" />
    
    <line x1="70" y1="550" x2="70" y2="560" stroke="black" stroke-dasharray="none" stroke-width="1" stroke-opacity="1.000000" />
<rect x="100" y="496.975" width="20" height="53.025" fill="#1E90FF" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>101</title></rect>
<rect x="125" y="418.225" width="20" height="131.775" fill="#32CD32" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>251</title></rect>
<rect x="150" y="345.775" width="20" height="204.225" fill="#FFA500" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>389</title></rect>
<rect x="175" y="310.075" width="20" height="239.925" fill="#FFD700" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>457</title></rect>
<rect x="200" y="234.475" width="20" height="315.525" fill="#FF4500" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>601</title></rect>
<line x1="245" y1="550" x2="245" y2="560" stroke="black" stroke-dasharray="none" stroke-width="1" stroke-opacity="1.000000" />
<text x="157.5" y="580" font-family="arial" font-size="14" fill="black" stroke="none" stroke-width="0" text-anchor="middle" dominant-baseline="alphabetic" alignment-baseline="auto">January</text><line x1="245" y1="550" x2="245" y2="560" stroke="black" stroke-dasharray="none" stroke-width="1" stroke-opacity="1.000000" />
<rect x="275" y="511.675" width="20" height="38.325" fill="#1E90FF" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>73</title></rect>
<rect x="300" y="432.925" width="20" height="117.075" fill="#32CD32" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>223</title></rect>
<rect x="325" y="367.825" width="20" height="182.175" fill="#FFA500" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>347</title></rect>
<rect x="350" y="282.775" width="20" height="267.225" fill="#FFD700" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>509</title></rect>
<rect x="375" y="207.175" width="20" height="342.825" fill="#FF4500" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>653</title></rect>
<line x1="420" y1="550" x2="420" y2="560" stroke="black" stroke-dasharray="none" stroke-width="1" stroke-opacity="1.000000" />
<text x="332.5" y="580" font-family="arial" font-size="14" fill="black" stroke="none" stroke-width="0" text-anchor="middle" dominant-baseline="alphabetic" alignment-baseline="auto">February</text><line x1="420" y1="550" x2="420" y2="560" stroke="black" stroke-dasharray="none" stroke-width="1" stroke-opacity="1.000000" />
<rect x="450" y="490.675" width="20" height="59.325" fill="#1E90FF" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>113</title></rect>
<rect x="475" y="402.475" width="20" height="147.525" fill="#32CD32" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>281</title></rect>
<rect x="500" y="339.475" width="20" height="210.525" fill="#FFA500" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>401</title></rect>
<rect x="525" y="265.975" width="20" height="284.025" fill="#FFD700" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>541</title></rect>
<rect x="550" y="165.175" width="20" height="384.825" fill="#FF4500" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>733</title></rect>
<line x1="595" y1="550" x2="595" y2="560" stroke="black" stroke-dasharray="none" stroke-width="1" stroke-opacity="1.000000" />
<text x="507.5" y="580" font-family="arial" font-size="14" fill="black" stroke="none" stroke-width="0" text-anchor="middle" dominant-baseline="alphabetic" alignment-baseline="auto">March</text><line x1="595" y1="550" x2="595" y2="560" stroke="black" stroke-dasharray="none" stroke-width="1" stroke-opacity="1.000000" />
<rect x="625" y="448.675" width="20" height="101.325" fill="#1E90FF" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>193</title></rect>
<rect x="650" y="386.725" width="20" height="163.275" fill="#32CD32" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>311</title></rect>
<rect x="675" y="310.075" width="20" height="239.925" fill="#FFA500" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>457</title></rect>
<rect x="700" y="228.175" width="20" height="321.825" fill="#FFD700" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>613</title></rect>
<rect x="725" y="125.275" width="20" height="424.725" fill="#FF4500" fill-opacity="1" stroke="none" stroke-width="0" rx="10" ry="10"><title>809</title></rect>
<line x1="770" y1="550" x2="770" y2="560" stroke="black" stroke-dasharray="none" stroke-width="1" stroke-opacity="1.000000" />
<text x="682.5" y="580" font-family="arial" font-size="14" fill="black" stroke="none" stroke-width="0" text-anchor="middle" dominant-baseline="alphabetic" alignment-baseline="auto">April</text>
    
</svg>