<?xml version="1.0" encoding="UTF-8"?>
−
<svg version="1.1" preserveAspectRatio="xMinYMin meet" class="svg-chart" viewBox="0 0 820 500" xmlns:ds="http://www.bootstrap-data.org">
<rect x="135" width="20" height="20" fill="#0d6efd" y="15"/>
+
<text class="chart-labels" x="160" y="31" fill="#000000" font-family="Arial" font-size="14" text-anchor="">
<tspan>Asia</tspan>
</text>
[1 lines]
<rect x="235" width="20" height="20" fill="#ff40ff" y="15"/>
+
<text class="chart-labels" x="260" y="31" fill="#000000" font-family="Arial" font-size="14" text-anchor="">
<tspan>Europe</tspan>
</text>
[1 lines]
<rect class="chart" x="110" y="50" width="600" height="400" fill="#ffffff"/>
+
<g class="chart-grid chart-x">
<line x1="310" x2="310" y1="50" y2="450" stroke="#000000" stroke-dasharray="5,5" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="510" x2="510" y1="50" y2="450" stroke="#000000" stroke-dasharray="5,5" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="710" x2="710" y1="50" y2="450" stroke="#000000" stroke-dasharray="5,5" stroke-width="1" shape-rendering="geometricPrecision"/>
</g>
[3 lines]
+
<g class="chart-grid chart-y">
<line x1="110" x2="710" y1="50" y2="50" stroke="#000000" stroke-dasharray="5,5" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="110" x2="710" y1="130" y2="130" stroke="#000000" stroke-dasharray="5,5" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="110" x2="710" y1="210" y2="210" stroke="#000000" stroke-dasharray="5,5" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="110" x2="710" y1="290" y2="290" stroke="#000000" stroke-dasharray="5,5" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="110" x2="710" y1="370" y2="370" stroke="#000000" stroke-dasharray="5,5" stroke-width="1" shape-rendering="geometricPrecision"/>
</g>
[5 lines]
+
<g class="chart-axis-x chart-markers">
<line x1="110" x2="110" y1="450" y2="454" stroke="#000000" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="310" x2="310" y1="450" y2="454" stroke="#000000" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="510" x2="510" y1="450" y2="454" stroke="#000000" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="710" x2="710" y1="450" y2="454" stroke="#000000" stroke-width="1" shape-rendering="geometricPrecision"/>
</g>
[4 lines]
+
<g class="chart-axis-x">
<line x1="109" x2="710" y1="450" y2="450" shape-rendering="geometricPrecision" stroke="#000000" stroke-width="1"/>
</g>
[1 lines]
+
<g class="chart-labels chart-labels-x">
+
<text class="chart-labels" x="210" y="464" fill="#000000" font-family="Arial" font-size="14" text-anchor="middle">
<tspan>Poverty</tspan>
</text>
[1 lines]
+
<text class="chart-labels" x="410" y="464" fill="#000000" font-family="Arial" font-size="14" text-anchor="middle">
<tspan>Land</tspan>
</text>
[1 lines]
+
<text class="chart-labels" x="610" y="464" fill="#000000" font-family="Arial" font-size="14" text-anchor="middle">
<tspan>Language</tspan>
</text>
[1 lines]
</g>
[6 lines]
+
<g class="chart-labels chart-title-x">
+
<text class="chart-labels" x="724" y="456" fill="#000000" font-family="Arial" font-size="14" text-anchor="start">
<tspan/>
</text>
[1 lines]
</g>
[2 lines]
+
<g class="chart-axis-y chart-markers">
<line x1="105" x2="109" y1="450" y2="450" stroke="#000000" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="105" x2="109" y1="370" y2="370" stroke="#000000" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="105" x2="109" y1="290" y2="290" stroke="#000000" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="105" x2="109" y1="210" y2="210" stroke="#000000" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="105" x2="109" y1="130" y2="130" stroke="#000000" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="105" x2="109" y1="50" y2="50" stroke="#000000" stroke-width="1" shape-rendering="geometricPrecision"/>
</g>
[6 lines]
+
<g class="chart-axis-y">
<line x1="109.5" x2="109.5" y1="450.5" y2="49.5" shape-rendering="geometricPrecision" stroke="#000000" stroke-width="1"/>
</g>
[1 lines]
+
<g class="chart-labels chart-labels-y">
+
<text class="chart-labels" x="95.5" y="456" fill="#000000" font-family="Arial" font-size="14" text-anchor="end">
<tspan>0</tspan>
</text>
[1 lines]
+
<text class="chart-labels" x="95.5" y="376" fill="#000000" font-family="Arial" font-size="14" text-anchor="end">
<tspan>20</tspan>
</text>
[1 lines]
+
<text class="chart-labels" x="95.5" y="296" fill="#000000" font-family="Arial" font-size="14" text-anchor="end">
<tspan>40</tspan>
</text>
[1 lines]
+
<text class="chart-labels" x="95.5" y="216" fill="#000000" font-family="Arial" font-size="14" text-anchor="end">
<tspan>60</tspan>
</text>
[1 lines]
+
<text class="chart-labels" x="95.5" y="136" fill="#000000" font-family="Arial" font-size="14" text-anchor="end">
<tspan>80</tspan>
</text>
[1 lines]
+
<text class="chart-labels" x="95.5" y="56" fill="#000000" font-family="Arial" font-size="14" text-anchor="end">
<tspan>100</tspan>
</text>
[1 lines]
</g>
[12 lines]
+
<g class="chart-labels chart-title-y">
+
<text class="chart-labels" x="109.5" y="35" fill="#000000" font-family="Arial" font-size="14" text-anchor="middle">
<tspan>%</tspan>
</text>
[1 lines]
</g>
[2 lines]
+
<g>
+
<linearGradient x1="0%" x2="0%" y1="10%" y2="50%" id="x555_gradient_idm5_1_1">
<stop offset="0" stop-color="#000000"/>
<stop offset="1" stop-color="#0d6efd"/>
</linearGradient>
[2 lines]
+
<g transform="translate(0, 400) scale(1, -1)">
+
<rect class="bar" width="98.5" x="111" y="-48.5" fill="url(#x555_gradient_idm5_1_1)" height="134.5">
<title>34% Poverty</title>
</rect>
[1 lines]
</g>
[2 lines]
<text x="160.25" alignment-baseline="middle" font-family="Arial" font-size="14" fill="#ffffff" text-anchor="middle" y="335" transform="">34%</text>
+
<linearGradient x1="0%" x2="0%" y1="10%" y2="50%" id="x555_gradient_idm6_1_2">
<stop offset="0" stop-color="#000000"/>
<stop offset="1" stop-color="#0d6efd"/>
</linearGradient>
[2 lines]
+
<g transform="translate(0, 400) scale(1, -1)">
+
<rect class="bar" width="98.5" x="311" y="-48.5" fill="url(#x555_gradient_idm6_1_2)" height="50.5">
<title>13% Land</title>
</rect>
[1 lines]
</g>
[2 lines]
<text x="360.25" alignment-baseline="middle" font-family="Arial" font-size="14" fill="#ffffff" text-anchor="middle" y="416.2" transform="">13%</text>
+
<linearGradient x1="0%" x2="0%" y1="10%" y2="50%" id="x555_gradient_idm7_1_3">
<stop offset="0" stop-color="#000000"/>
<stop offset="1" stop-color="#0d6efd"/>
</linearGradient>
[2 lines]
+
<g transform="translate(0, 400) scale(1, -1)">
+
<rect class="bar" width="98.5" x="511" y="-48.5" fill="url(#x555_gradient_idm7_1_3)" height="358.5">
<title>90% Language</title>
</rect>
[1 lines]
</g>
[2 lines]
<text x="560.25" alignment-baseline="middle" font-family="Arial" font-size="14" fill="#ffffff" text-anchor="middle" y="111" transform="">90%</text>
</g>
[21 lines]
+
<g>
+
<linearGradient x1="0%" x2="0%" y1="10%" y2="50%" id="x555_gradient_idm5_2_1">
<stop offset="0" stop-color="#000000"/>
<stop offset="1" stop-color="#ff40ff"/>
</linearGradient>
[2 lines]
+
<g transform="translate(0, 400) scale(1, -1)">
+
<rect class="bar" width="98.5" x="210.5" y="-48.5" fill="url(#x555_gradient_idm5_2_1)" height="178.5">
<title>45% Poverty</title>
</rect>
[1 lines]
</g>
[2 lines]
<text x="259.75" alignment-baseline="middle" font-family="Arial" font-size="14" fill="#ffffff" text-anchor="middle" y="291" transform="">45%</text>
+
<linearGradient x1="0%" x2="0%" y1="10%" y2="50%" id="x555_gradient_idm6_2_2">
<stop offset="0" stop-color="#000000"/>
<stop offset="1" stop-color="#ff40ff"/>
</linearGradient>
[2 lines]
+
<g transform="translate(0, 400) scale(1, -1)">
+
<rect class="bar" width="98.5" x="410.5" y="-48.5" fill="url(#x555_gradient_idm6_2_2)" height="266.5">
<title>67% Land</title>
</rect>
[1 lines]
</g>
[2 lines]
<text x="459.75" alignment-baseline="middle" font-family="Arial" font-size="14" fill="#ffffff" text-anchor="middle" y="203" transform="">67%</text>
+
<linearGradient x1="0%" x2="0%" y1="10%" y2="50%" id="x555_gradient_idm7_2_3">
<stop offset="0" stop-color="#000000"/>
<stop offset="1" stop-color="#ff40ff"/>
</linearGradient>
[2 lines]
+
<g transform="translate(0, 400) scale(1, -1)">
+
<rect class="bar" width="98.5" x="610.5" y="-48.5" fill="url(#x555_gradient_idm7_2_3)" height="134.5">
<title>34% Language</title>
</rect>
[1 lines]
</g>
[2 lines]
<text x="659.75" alignment-baseline="middle" font-family="Arial" font-size="14" fill="#ffffff" text-anchor="middle" y="335" transform="">34%</text>
</g>
[21 lines]
+
<a target="_blank" xlink:href="https://data-diagrams.com">
<text x="20" y="495" fill="grey" font-size="10" font-family="arial">data-diagrams.com</text>
</a>
[1 lines]
</svg>
[105 lines]
The link only works for 24 hours. Sign Up for permanent link.