<?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="#00fcff" 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 x="335" width="20" height="20" fill="#00f900" y="15"/>+<text class="chart-labels" x="360" y="31" fill="#000000" font-family="Arial" font-size="14" text-anchor=""><tspan>Africa</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 transform="translate(0, 450) scale(1, -1)">+<linearGradient x1="0%" x2="0%" y1="10%" y2="50%" id="x555_gradient_idm12_1_1"><stop stop-color="#000000" offset="0"/><stop stop-color="#0d6efd" offset="1"/></linearGradient>[2 lines]<path stroke-width="0" fill="url(#x555_gradient_idm12_1_1)" stroke="#0d6efd" stroke-dasharray="" shape-rendering="geometricPrecision" d="M210,0 L210,52 C240,98.2 350,349.8 410,360 C470,370.2 580,156 610,120 L610,0"/></g>[4 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="#00fcff"/></linearGradient>[2 lines]+<g transform="translate(0, 400) scale(1, -1)">+<rect class="bar" width="198" x="111" y="-48.5" fill="url(#x555_gradient_idm5_1_1)" stroke="#00fcff" stroke-width="0" height="266.5"><title>67% Poverty</title></rect>[1 lines]</g>[2 lines]<text x="210" 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_idm6_1_2"><stop offset="0" stop-color="#000000"/><stop offset="1" stop-color="#00fcff"/></linearGradient>[2 lines]+<g transform="translate(0, 400) scale(1, -1)">+<rect class="bar" width="198" x="311" y="-48.5" fill="url(#x555_gradient_idm6_1_2)" stroke="#00fcff" stroke-width="0" height="134.5"><title>34% Land</title></rect>[1 lines]</g>[2 lines]<text x="410" 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_idm7_1_3"><stop offset="0" stop-color="#000000"/><stop offset="1" stop-color="#00fcff"/></linearGradient>[2 lines]+<g transform="translate(0, 400) scale(1, -1)">+<rect class="bar" width="198" x="511" y="-48.5" fill="url(#x555_gradient_idm7_1_3)" stroke="#00fcff" stroke-width="0" height="254.5"><title>64% Language</title></rect>[1 lines]</g>[2 lines]<text x="610" alignment-baseline="middle" font-family="Arial" font-size="14" fill="#ffffff" text-anchor="middle" y="215" transform="">64%</text></g>[21 lines]+<g transform="translate(0, 448.5) scale(1, -1)"><path stroke-width="3" fill="none" stroke="#00f900" stroke-dasharray="" shape-rendering="geometricPrecision" d="M210,388 C240,362.2 350,259.8 410,216 C470,172.2 580,114 610,96"/></g>[1 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>[93 lines]
The link only works for 24 hours. Sign Up for permanent link.