Fill | Label | Font | Color | Size | Angle | Align | ||
---|---|---|---|---|---|---|---|---|
Fill | Label | ||
---|---|---|---|
<?xml version="1.0" encoding="UTF-8"?>
−
<dia:diagram type="donutchart" animate="true" width="820" xmlns:ds="http://www.bootstrap-data.org" xmlns:dia="http://www.bootstrap-extensions.org">
<dia:font-default face="arial" size="14" color="" angle="0"/>
−
<dia:frame stroke-color="#444" stroke-weight="1" stroke-dash="">
−
<dia:spacing>
<dia:margins all="25"/>
</dia:spacing>
[1 lines]
</dia:frame>
[2 lines]
−
<dia:grid stroke-color="green" stroke-weight="1" stroke-dash="">
<dia:center fill-color="whiteSmoke" stroke-weight="1" stroke-color="white"/>
</dia:grid>
[1 lines]
−
<dia:distribution>
−
<dia:path>
−
<dia:axis face="Arial" color="grey" size="14" angle="0">
<dia:title>Rights</dia:title>
</dia:axis>
[1 lines]
<dia:value code="1">Education</dia:value>
<dia:value code="2">Health</dia:value>
<dia:value code="3">Borders</dia:value>
<dia:value code="4">Land</dia:value>
−
<dia:stack stroke-color="white" stroke-weight="1">
<dia:value code="1">1</dia:value>
<dia:value code="2">2</dia:value>
<dia:value code="3">3</dia:value>
<dia:value code="4">4</dia:value>
</dia:stack>
[4 lines]
</dia:path>
[11 lines]
−
<dia:serie>
<dia:title face="arial" color="red" size="14" angle="0">Source 1</dia:title>
−
<dia:path select="table/row" match="@id" value="cell[3]/@value" start-fill-color="blue" fill-color="green">
<dia:stack select="cell[3]/sub" match="@id" value="text()"/>
</dia:path>
[1 lines]
</dia:serie>
[3 lines]
</dia:distribution>
[16 lines]
−
<dia:scale min="0" max="100" step="20" base="0">
−
<dia:axis color="red" stroke-weight="1" stroke-dash="">
<dia:markers stroke-color="black" stroke-weight="1" length="3"/>
<dia:title face="arial" color="red" size="14" angle="0">%</dia:title>
</dia:axis>
[2 lines]
−
<dia:labels>
<dia:value code="0">0</dia:value>
<dia:value code="20">20</dia:value>
<dia:value code="40">40</dia:value>
<dia:value code="60">60</dia:value>
<dia:value code="80">80</dia:value>
<dia:value code="100">100</dia:value>
</dia:labels>
[6 lines]
</dia:scale>
[10 lines]
</dia:diagram>
[34 lines]
Stack |
---|
<?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" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect class="chart-frame" x="0" y="0" width="820" height="500" fill="#FFFFFF" stroke="#000000" stroke-width="1" stroke-dasharray="5,5"/>
−
<g class="chart-grid chart-x">
<line x1="310" x2="310" y1="50" y2="450" stroke="#000000" stroke-dasharray="5" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="510" x2="510" y1="50" y2="450" stroke="#000000" stroke-dasharray="5" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="710" x2="710" y1="50" y2="450" stroke="#000000" stroke-dasharray="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" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="110" x2="710" y1="130" y2="130" stroke="#000000" stroke-dasharray="5" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="110" x2="710" y1="210" y2="210" stroke="#000000" stroke-dasharray="5" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="110" x2="710" y1="290" y2="290" stroke="#000000" stroke-dasharray="5" stroke-width="1" shape-rendering="geometricPrecision"/>
<line x1="110" x2="710" y1="370" y2="370" stroke="#000000" stroke-dasharray="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>Title</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>
−
<g transform="translate(0, 400) scale(1, -1)">
−
<rect class="bar" width="98.5" x="111" fill="#00f900" y="-49.5" height="136">
<title>Chidren: 34%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="160.25" text-anchor="middle" fill="#FFFFFF" y="123.64" transform="scale(1, -1) translate(0,-179.52)">34%</text>
−
<rect class="bar" width="98.5" x="111" fill="#00fcff" y="-49.5" height="89.76">
<title>Women: 33%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="160.25" text-anchor="middle" fill="#FFFFFF" y="79.44" transform="scale(1, -1) translate(0,-89.76)">33%</text>
−
<rect class="bar" width="98.5" x="111" fill="#0d6efd" y="-49.5" height="44.88">
<title>Men: 33%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="160.25" text-anchor="middle" fill="#FFFFFF" y="34.56" transform="scale(1, -1) translate(0,0)">33%</text>
</g>
[9 lines]
−
<g transform="translate(0, 400) scale(1, -1)">
−
<rect class="bar" width="98.5" x="311" fill="#00f900" y="-49.5" height="52">
<title>Chidren: 30%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="360.25" text-anchor="middle" fill="#FFFFFF" y="85.6" transform="scale(1, -1) translate(0,-72.8)">30%</text>
−
<rect class="bar" width="98.5" x="311" fill="#00fcff" y="-49.5" height="36.4">
<title>Women: 40%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="360.25" text-anchor="middle" fill="#FFFFFF" y="62.2" transform="scale(1, -1) translate(0,-31.2)">40%</text>
−
<rect class="bar" width="98.5" x="311" fill="#0d6efd" y="-49.5" height="15.6">
<title>Men: 30%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="360.25" text-anchor="middle" fill="#FFFFFF" y="49.2" transform="scale(1, -1) translate(0,0)">30%</text>
</g>
[9 lines]
−
<g transform="translate(0, 400) scale(1, -1)">
−
<rect class="bar" width="98.5" x="511" fill="#00f900" y="-49.5" height="96">
<title>Chidren: 50%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="560.25" text-anchor="middle" fill="#FFFFFF" y="81" transform="scale(1, -1) translate(0,-96)">50%</text>
−
<rect class="bar" width="98.5" x="511" fill="#00fcff" y="-49.5" height="48">
<title>Women: 30%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="560.25" text-anchor="middle" fill="#FFFFFF" y="61.8" transform="scale(1, -1) translate(0,-38.4)">30%</text>
−
<rect class="bar" width="98.5" x="511" fill="#0d6efd" y="-49.5" height="19.2">
<title>Men: 20%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="560.25" text-anchor="middle" fill="#FFFFFF" y="47.4" transform="scale(1, -1) translate(0,0)">20%</text>
</g>
[9 lines]
</g>
[30 lines]
−
<g>
−
<g transform="translate(0, 400) scale(1, -1)">
−
<rect class="bar" width="98.5" x="210.5" fill="#00f900" y="-49.5" height="180">
<title>Chidren: 30%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="259.75" text-anchor="middle" fill="#FFFFFF" y="156" transform="scale(1, -1) translate(0,-252)">30%</text>
−
<rect class="bar" width="98.5" x="210.5" fill="#00fcff" y="-49.5" height="126">
<title>Women: 40%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="259.75" text-anchor="middle" fill="#FFFFFF" y="75" transform="scale(1, -1) translate(0,-108)">40%</text>
−
<rect class="bar" width="98.5" x="210.5" fill="#0d6efd" y="-49.5" height="54">
<title>Men: 30%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="259.75" text-anchor="middle" fill="#FFFFFF" y="30" transform="scale(1, -1) translate(0,0)">30%</text>
</g>
[9 lines]
−
<g transform="translate(0, 400) scale(1, -1)">
−
<rect class="bar" width="98.5" x="410.5" fill="#00f900" y="-49.5" height="268">
<title>Chidren: 30%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="459.75" text-anchor="middle" fill="#FFFFFF" y="204.4" transform="scale(1, -1) translate(0,-375.2)">30%</text>
−
<rect class="bar" width="98.5" x="410.5" fill="#00fcff" y="-49.5" height="187.6">
<title>Women: 50%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="459.75" text-anchor="middle" fill="#FFFFFF" y="43.6" transform="scale(1, -1) translate(0,-107.2)">50%</text>
−
<rect class="bar" width="98.5" x="410.5" fill="#0d6efd" y="-49.5" height="53.6">
<title>Men: 20%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="459.75" text-anchor="middle" fill="#FFFFFF" y="30.2" transform="scale(1, -1) translate(0,0)">20%</text>
</g>
[9 lines]
−
<g transform="translate(0, 400) scale(1, -1)">
−
<rect class="bar" width="98.5" x="610.5" fill="#00f900" y="-49.5" height="216">
<title>Chidren: 50%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="659.75" text-anchor="middle" fill="#FFFFFF" y="111" transform="scale(1, -1) translate(0,-216)">50%</text>
−
<rect class="bar" width="98.5" x="610.5" fill="#00fcff" y="-49.5" height="108">
<title>Women: 25%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="659.75" text-anchor="middle" fill="#FFFFFF" y="84" transform="scale(1, -1) translate(0,-108)">25%</text>
−
<rect class="bar" width="98.5" x="610.5" fill="#0d6efd" y="-49.5" height="54">
<title>Men: 25%</title>
</rect>
[1 lines]
<text font-family="arial" font-size="14" font-style="normal" x="659.75" text-anchor="middle" fill="#FFFFFF" y="30" transform="scale(1, -1) translate(0,0)">25%</text>
</g>
[9 lines]
</g>
[30 lines]
</svg>
[115 lines]