<?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="410" x2="410" y1="250" y2="450" stroke="#000000" stroke-dasharray="5,5" stroke-width="1" shape-rendering="geometricPrecision"/>

<line x1="710" x2="710" y1="250" y2="450" stroke="#000000" stroke-dasharray="5,5" stroke-width="1" shape-rendering="geometricPrecision"/>

</g>

[2 lines]

+

<g class="chart-grid chart-y">

<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="330" y2="330" 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"/>

<line x1="110" x2="710" y1="410" y2="410" stroke="#000000" stroke-dasharray="5,5" stroke-width="1" shape-rendering="geometricPrecision"/>

<line x1="110" x2="710" y1="450" y2="450" stroke="#000000" stroke-dasharray="5,5" stroke-width="1" shape-rendering="geometricPrecision"/>

</g>

[5 lines]

+

<g class="chart-axis-y chart-markers">

<line x1="105" x2="109" y1="250" y2="250" 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="330" y2="330" 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="410" y2="410" stroke="#000000" stroke-width="1" shape-rendering="geometricPrecision"/>

<line x1="105" x2="109" y1="450" y2="450" stroke="#000000" stroke-width="1" shape-rendering="geometricPrecision"/>

</g>

[6 lines]

+

<g class="chart-labels chart-labels-y">

+

<text class="chart-labels" x="95.5" y="256" 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="296" 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="336" 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="376" 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="416" 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="456" 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 class="chart-labels chart-double-y" transform="rotate(-90) translate(-390,60)">

+

<text class="chart-labels" x="50" y="10" fill="#000000" font-family="Arial" font-size="14" text-anchor="middle">

<tspan>Female</tspan>

</text>

[1 lines]

+

<text class="chart-labels" x="250" y="10" fill="#000000" font-family="Arial" font-size="14" text-anchor="middle">

<tspan>Male</tspan>

</text>

[1 lines]

</g>

[4 lines]

+

<g class="chart-grid chart-x">

<line x1="410" x2="410" 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>

[2 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="90" y2="90" 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="170" y2="170" 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"/>

</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="410" x2="410" 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>

[3 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="110" y="474" fill="#000000" font-family="Arial" font-size="14" text-anchor="middle">

<tspan>Poverty</tspan>

</text>

[1 lines]

+

<text class="chart-labels" x="410" y="474" fill="#000000" font-family="Arial" font-size="14" text-anchor="middle">

<tspan>Land</tspan>

</text>

[1 lines]

+

<text class="chart-labels" x="710" y="474" 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>Title</tspan>

</text>

[1 lines]

</g>

[2 lines]

+

<g class="chart-axis-y chart-markers">

<line x1="105" x2="109" y1="250" y2="250" 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="170" y2="170" 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="90" y2="90" 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="256" 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="216" 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="176" 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="136" 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="96" 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 transform="translate(0, 250) scale(1, -1)">

+

<linearGradient x1="0%" x2="0%" y1="10%" y2="50%" id="x555_gradient_idm13_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_idm13_1_1)" stroke="black" stroke-dasharray="" shape-rendering="geometricPrecision" d="M110,0 L110,180 C155,163.2 320,91.1 410,68 C500,44.9 665,32.3 710,26 L710,0"/>

+

<circle cx="110" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="179.5">

<title>90%</title>

</circle>

[1 lines]

+

<circle cx="410" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="67.5">

<title>34%</title>

</circle>

[1 lines]

+

<circle cx="710" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="25.5">

<title>13%</title>

</circle>

[1 lines]

</g>

[10 lines]

+

<g transform="translate(0, 250)">

+

<linearGradient x1="0%" x2="0%" y1="10%" y2="50%" id="x555_gradient_downidm13_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_downidm13_1_1)" stroke="black" stroke-dasharray="" shape-rendering="geometricPrecision" d="M110,0 L110,160 C155,140.2 320,24.1 410,28 C500,31.9 665,162.3 710,186 L710,0"/>

+

<circle cx="110" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="159.5">

<title>80%</title>

</circle>

[1 lines]

+

<circle cx="410" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="27.5">

<title>14%</title>

</circle>

[1 lines]

+

<circle cx="710" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="185.5">

<title>93%</title>

</circle>

[1 lines]

</g>

[10 lines]

+

<g transform="translate(0, 250) scale(1, -1)">

+

<linearGradient x1="0%" x2="0%" y1="10%" y2="50%" id="x555_gradient_idm17_2_2">

<stop stop-color="#000000" offset="0"/>

<stop stop-color="#00fcff" offset="1"/>

</linearGradient>

[2 lines]

<path stroke-width="0" fill="url(#x555_gradient_idm17_2_2)" stroke="black" stroke-dasharray="" shape-rendering="geometricPrecision" d="M110,0 L110,68 C155,71.3 320,80.1 410,90 C500,99.9 665,127.4 710,134 L710,0"/>

+

<circle cx="110" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="67.5">

<title>34%</title>

</circle>

[1 lines]

+

<circle cx="410" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="89.5">

<title>45%</title>

</circle>

[1 lines]

+

<circle cx="710" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="133.5">

<title>67%</title>

</circle>

[1 lines]

</g>

[10 lines]

+

<g transform="translate(0, 250)">

+

<linearGradient x1="0%" x2="0%" y1="10%" y2="50%" id="x555_gradient_downidm17_2_2">

<stop stop-color="#000000" offset="0"/>

<stop stop-color="#00fcff" offset="1"/>

</linearGradient>

[2 lines]

<path stroke-width="0" fill="url(#x555_gradient_downidm17_2_2)" stroke="black" stroke-dasharray="" shape-rendering="geometricPrecision" d="M110,0 L110,128 C155,125.3 320,115.1 410,110 C500,104.9 665,96.4 710,94 L710,0"/>

+

<circle cx="110" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="127.5">

<title>64%</title>

</circle>

[1 lines]

+

<circle cx="410" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="109.5">

<title>55%</title>

</circle>

[1 lines]

+

<circle cx="710" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="93.5">

<title>47%</title>

</circle>

[1 lines]

</g>

[10 lines]

+

<g transform="translate(0, 250) scale(1, -1)">

+

<linearGradient x1="0%" x2="0%" y1="10%" y2="50%" id="x555_gradient_idm21_3_3">

<stop stop-color="#000000" offset="0"/>

<stop stop-color="#00f900" offset="1"/>

</linearGradient>

[2 lines]

<path stroke-width="0" fill="url(#x555_gradient_idm21_3_3)" stroke="black" stroke-dasharray="" shape-rendering="geometricPrecision" d="M110,0 L110,88 C155,79.3 320,32.1 410,30 C500,27.9 665,67.4 710,74 L710,0"/>

+

<circle cx="110" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="87.5">

<title>44%</title>

</circle>

[1 lines]

+

<circle cx="410" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="29.5">

<title>15%</title>

</circle>

[1 lines]

+

<circle cx="710" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="73.5">

<title>37%</title>

</circle>

[1 lines]

</g>

[10 lines]

+

<g transform="translate(0, 250)">

+

<linearGradient x1="0%" x2="0%" y1="10%" y2="50%" id="x555_gradient_downidm21_3_3">

<stop stop-color="#000000" offset="0"/>

<stop stop-color="#00f900" offset="1"/>

</linearGradient>

[2 lines]

<path stroke-width="0" fill="url(#x555_gradient_downidm21_3_3)" stroke="black" stroke-dasharray="" shape-rendering="geometricPrecision" d="M110,0 L110,108 C155,114.3 320,161.1 410,150 C500,138.9 665,51.4 710,34 L710,0"/>

+

<circle cx="110" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="107.5">

<title>54%</title>

</circle>

[1 lines]

+

<circle cx="410" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="149.5">

<title>75%</title>

</circle>

[1 lines]

+

<circle cx="710" r="5" fill="#ffffff" stroke="#000000" stroke-width="1" cy="33.5">

<title>17%</title>

</circle>

[1 lines]

</g>

[10 lines]

+

<g class="chart-axis-x">

<line x1="109" x2="710" y1="250" y2="250" shape-rendering="geometricPrecision" stroke="#000000" stroke-width="1" stroke-dasharray=""/>

</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>

[164 lines]