File talk:Population Statistics Ulm.svg
Jump to navigation
Jump to search
Source
[edit]
Mark and copy the following text. Paste it into a plain text file. The text file should have an svg extension, for example mychart.svg.
You can check the result here or here.
<?xml version="1.0" encoding="UTF-8" ?>
<!-- Generator: wikimedia.svg.chart, 2013-11-01 -->
<!-- modify viewBox (x,y,dx,dy) for position (x,y) and size (dx,dy) -->
<svg id="head"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1"
viewBox="-459.54, -1369.9, 2517.44, 1529.7"
width="750" height="460"
font-family="Helvetica, Arial"
>
<desc>
This svg graphic is to edit with an text editor.
Please do not overwrite this file by saving with an image editor.
----------------
Population Statistics of Ulm
</desc>
<!-- also a workaround for librsvg: a <rect> must be placed somewhere before text for a good display of text -->
<rect id="imagebackground" x="-459.54" y="-1369.9" width="2517.44" height="1529.7" stroke-width="2" stroke="none" fill="white"/>
<style id="styles" type="text/css"> <![CDATA[
.graphgeneral { /*-- general look of graphs and markers, e.g. in legend --*/
stroke-width: 14;
fill: none;
stroke-linejoin: round;
stroke-linecap: round;
}
.graphgeneralstretch { /*-- general look of graphs and markers on a stretched chart --*/
stroke-width: 5.2;
fill: none;
stroke-linejoin: round;
stroke-linecap: round;
}
.graph1lineblank { /*-- look of graph 1 --*/
stroke: #333333;
}
.graph1line {
stroke: #333333;
}
.axisline {
stroke: black;
stroke-width: 7;
stroke-linecap: round;
}
.axismark-main {
stroke: black;
stroke-width: 4.9;
}
.axismark-second {
stroke: black;
stroke-width: 4.9;
}
.gridline {
stroke: black;
stroke-width: 3.5;
}
.titletext {
font-size: 145.1px;
}
.axistext-x {
font-size: 95.9px;
}
.axistext-x-number {
font-size: 95.9px;
}
.axistext-y {
font-size: 95.9px;
}
]]></style>
<defs>
<!--== axis dashes definitions ==-->
<!-- x-axis gridline vertical, modify "width" -->
<pattern id="x-gridline" height="2600" width="270" patternUnits="userSpaceOnUse">
<line x1="0" x2="0" y1="0" y2="2600" class="gridline"/>
</pattern>
<!-- y-axis gridline horizontal, modify "height" -->
<pattern id="y-gridline" width="1480" height="200" patternUnits="userSpaceOnUse">
<line x1="0" x2="1480" y1="0" y2="0" class="gridline"/>
</pattern>
<!-- x-axis mark, modify "height" -->
<pattern id="x-axismark-main" x="0" width="270" height="44.4" patternUnits="userSpaceOnUse">
<line x1="0" y1="-1" x2="0" y2="44.4" class="axismark-main"/>
</pattern>
<!-- x-axis 2nd mark, modify "width" and "x1" -->
<pattern id="x-axismark-second" x="0" width="135" height="44.4" patternUnits="userSpaceOnUse">
<line x1="0" y1="-1" x2="0" y2="44.4" class="axismark-second"/>
</pattern>
<!-- y-axis mark, modify "width" -->
<pattern id="y-axismark-main" y="0" width="44.4" height="200" patternUnits="userSpaceOnUse">
<line x1="-1" y1="0" x2="44.4" y2="0" class="axismark-main"/>
</pattern>
<!-- y-axis2 mark, modify "width" -->
<pattern id="y-axis2mark-main" y="0" width="44.4" height="10" patternUnits="userSpaceOnUse">
<line x1="-1" y1="0" x2="44.4" y2="0" class="axismark-main"/>
</pattern>
</defs>
<g transform="scale(1, -1)">
<!-- grids -->
<rect id="x-gridline-area" x="0.3" y="0" width="2018" height="1300" fill="url(#x-gridline)"/>
<rect id="y-gridline-area" x="0" y="0.3" width="1998" height="1313" fill="url(#y-gridline)"/>
</g>
<!-- x axis text, modify each value -->
<g id="axistext-x" class="axistext-x-number" transform="translate(0, 45.2)" text-anchor="middle">
<text x= "0">1300</text>
<text x= "270">1400</text>
<text x= "540">1500</text>
<text x= "810">1600</text>
<text x="1080">1700</text>
<text x="1350">1800</text>
<text x="1620">1900</text>
<text x="1890">2000</text>
</g>
<!-- y axis text, modify each value -->
<g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-59.9, 24)">
<text y= "-0">0 000</text>
<text y= "-200">20 000</text>
<text y= "-400">40 000</text>
<text y= "-600">60 000</text>
<text y= "-800">80 000</text>
<text y="-1000">100 000</text>
<text y="-1200">120 000</text>
</g>
<defs>
<!--====== graph data with origin values, you can manually copy or attach the values here ======-->
<!-- modify displacement "translate" -->
<!-- graph 1 -->
<polyline id="graph1-fill" stroke="none" points="
1300 0
1300 40
1400 90
1550 190
1750 150
1818 130
1834.917 150.173
1840.917 160.149
1852.922 210.414
1858.922 210.853
1861.922 220.736
1864.922 230.1
1867.922 240.7
1871.917 260.29
1875.917 300.2
1880.917 320.8
1885.917 330.61
1890.917 360.191
1895.919 390.304
1900.917 420.982
1905.917 510.82
1910.917 560.109
1916.917 470.144
1917.927 470.288
1919.769 560.02
1925.457 570.278
1933.457 620.472
1939.376 750.503
1945.997 550.105
1946.825 580.087
1950.699 710.132
1956.731 900.53
1961.43 920.701
1965.997 920.533
1970.403 920.943
1975.997 980.237
1980.997 1000.671
1985.997 990.936
1987.398 1030.494
1990.997 1100.529
1995.997 1150.721
2000.997 1170.233
2005.997 1200.625
2006.997 1200.925
2007.997 1210.434
2008.997 1210.648
2009.997 1220.087
2010.997 1220.801
2011.997 1170.541
2012.997 1179.77
2012.997 0
"/>
</g>
<g id="graph1">
<!-- graph 1 -->
<polyline id="graph1-line" stroke-width="5.2" fill="none" points="
1300 40
1400 90
1550 190
1750 150
1818 130
1834.917 150.173
1840.917 160.149
1852.922 210.414
1858.922 210.853
1861.922 220.736
1864.922 230.1
1867.922 240.7
1871.917 260.29
1875.917 300.2
1880.917 320.8
1885.917 330.61
1890.917 360.191
1895.919 390.304
1900.917 420.982
1905.917 510.82
1910.917 560.109
1916.917 470.144
1917.927 470.288
1919.769 560.02
1925.457 570.278
1933.457 620.472
1939.376 750.503
1945.997 550.105
1946.825 580.087
1950.699 710.132
1956.731 900.53
1961.43 920.701
1965.997 920.533
1970.403 920.943
1975.997 980.237
1980.997 1000.671
1985.997 990.936
1987.398 1030.494
1990.997 1100.529
1995.997 1150.721
2000.997 1170.233
2005.997 1200.625
2006.997 1200.925
2007.997 1210.434
2008.997 1210.648
2009.997 1220.087
2010.997 1220.801
2011.997 1170.541
2012.997 1179.77
"/>
</g>
</defs>
<g class="graphgeneralstretch" transform="scale(2.7, -1) translate(-1300, -0)">
<!-- graphfill 1 -->
<use id="graphfilluse1" transform="translate(0, 0)" fill="#dddddd" xlink:href="#graph1-fill"/>
</g>
<g class="graphgeneralstretch" transform="scale(2.7, -1) translate(-1300, -0)">
<!-- graph 1 -->
<use id="graphuse1p2-line" transform="translate(0, 4.319)" class="graph1lineblank" xlink:href="#graph1-line"/>
<use id="graphuse1m2-line" transform="translate(0, -4.319)" class="graph1lineblank" xlink:href="#graph1-line"/>
<use id="graphuse1p3-line" transform="translate(0, -0.747)" class="graph1lineblank" xlink:href="#graph1-line"/>
<use id="graphuse1m3-line" transform="translate(0, 0.747)" class="graph1lineblank" xlink:href="#graph1-line"/>
<use id="graphuse1-1-line" transform="translate(0, 0)" class="graph1line" xlink:href="#graph1-line"/>
</g>
<!-- axes with marks -->
<g transform="scale(1, -1)">
<!-- x axis, modify "x2" and "width" -->
<rect id="x-axismark2" x="-37" y="-22.2" width="1998" height="22.2" fill="url(#x-axismark-second)"/>
<rect id="x-axismark" x="-37" y="-37" width="2038" height="37" fill="url(#x-axismark-main)"/>
<line id="x-axis" x1="0" y1="0" x2="1998" y2="0" class="axisline"/>
<!-- y axis, modify "height" -->
<rect id="y-axismark" x="-37" y="-37" width="37" height="1302" fill="url(#y-axismark-main)"/>
<line id="y-axis" x1="0" y1="0" x2="0" y2="1300" class="axisline"/>
</g>
</svg>
