File talk:Population Statistics Mainz.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="-118.02, -381.3, 696.92, 420.4" width="750" height="450" 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 Mainz Source: https://de.wikipedia.org/wiki/Einwohnerentwicklung_von_Mainz </desc> <!-- also a workaround for librsvg: a <rect> must be placed somewhere before text for a good display of text --> <rect id="imagebackground" x="-118.02" y="-381.3" width="696.92" height="420.4" stroke-width="0.56" stroke="none" fill="white"/> <style id="styles" type="text/css"> <![CDATA[ .graphgeneral { /*-- general look of graphs and markers, e.g. in legend --*/ stroke-width: 3.93; fill: none; stroke-linejoin: round; stroke-linecap: round; } .graphgeneralstretch { /*-- general look of graphs and markers on a stretched chart --*/ stroke-width: 2.46; fill: none; stroke-linejoin: round; stroke-linecap: round; } .graph1lineblank { /*-- look of graph 1 --*/ stroke: #333333; } .graph1line { stroke: #333333; } .axisline { stroke: black; stroke-width: 1.97; stroke-linecap: round; } .axismark-main { stroke: black; stroke-width: 1.38; } .axismark-second { stroke: black; stroke-width: 1.38; } .gridline { stroke: black; stroke-width: 0.98; } .titletext { font-size: 24.19px; } .axistext-x { font-size: 19.99px; } .axistext-x-number { font-size: 19.99px; } .axistext-y { font-size: 19.99px; } ]]></style> <defs> <!--== axis dashes definitions ==--> <!-- x-axis gridline vertical, modify "width" --> <pattern id="x-gridline" height="452" width="100" patternUnits="userSpaceOnUse"> <line x1="37" x2="37" y1="0" y2="452" class="gridline"/> </pattern> <!-- y-axis gridline horizontal, modify "height" --> <pattern id="y-gridline" width="1124" height="40" patternUnits="userSpaceOnUse"> <line x1="0" x2="1124" y1="0" y2="0" class="gridline"/> </pattern> <!-- x-axis mark, modify "height" --> <pattern id="x-axismark-main" x="37" width="100" height="12.48" patternUnits="userSpaceOnUse"> <line x1="0" y1="-1" x2="0" y2="12.48" class="axismark-main"/> </pattern> <!-- x-axis 2nd mark, modify "width" and "x1" --> <pattern id="x-axismark-second" x="7" width="10" height="12.48" patternUnits="userSpaceOnUse"> <line x1="0" y1="-1" x2="0" y2="12.48" class="axismark-second"/> </pattern> <!-- y-axis mark, modify "width" --> <pattern id="y-axismark-main" y="0" width="12.48" height="40" patternUnits="userSpaceOnUse"> <line x1="-1" y1="0" x2="12.48" y2="0" class="axismark-main"/> </pattern> <!-- y-axis 2nd mark, modify "height" and "y1" --> <pattern id="y-axismark-second" y="0" width="12.48" height="8" patternUnits="userSpaceOnUse"> <line x1="-1" y1="0" x2="12.48" y2="0" class="axismark-second"/> </pattern> <!-- y-axis2 mark, modify "width" --> <pattern id="y-axis2mark-main" y="0" width="12.48" height="16" patternUnits="userSpaceOnUse"> <line x1="-1" y1="0" x2="12.48" y2="0" class="axismark-main"/> </pattern> </defs> <g transform="scale(1, -1)"> <!-- grids --> <rect id="x-gridline-area" x="0.3" y="0" width="567.6" height="361.6" fill="url(#x-gridline)"/> <rect id="y-gridline-area" x="0" y="0.3" width="562" height="365.2" fill="url(#y-gridline)"/> </g> <!-- x axis text, modify each value --> <g id="axistext-x" class="axistext-x-number" transform="translate(0, 13.25)" text-anchor="middle"> <text x= "37">1500</text> <text x="137">1600</text> <text x="237">1700</text> <text x="337">1800</text> <text x="437">1900</text> <text x="537">2000</text> </g> <!-- y axis text, modify each value --> <g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-16.9, 6.5)"> <text y= "-0">0 000</text> <text y= "-40">25 000</text> <text y= "-80">50 000</text> <text y= "-120">75 000</text> <text y= "-160">100 000</text> <text y= "-200">125 000</text> <text y= "-240">150 000</text> <text y= "-280">175 000</text> <text y= "-320">200 000</text> <text y= "-360">225 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=" 1463 0 1463 5.75 1545 10 1648 7.5 1700 20 1771 26.753 1780 32.482 1800 21.218 1801 22.325 1802 21.583 1806 23.505 1809 24.142 1813 25.6 1814 23.202 1815 23.647 1816.917 25.251 1819.917 25.39 1822.917 26.8 1825.917 28.409 1828.917 28.439 1831.917 30.234 1834.922 31.535 1837.922 31.702 1840.922 32.142 1843.922 33.826 1846.922 36.656 1849.922 35.14 1852.922 36.741 1855.922 36.833 1858.922 37.102 1861.922 41.411 1864.922 42.185 1867.922 43.14 1871.917 53.902 1875.917 56.4 1880.917 60.905 1885.917 65.852 1890.917 71.395 1895.919 76.946 1900.917 84.251 1901.997 85.864 1902.997 87.375 1903.997 88.875 1904.997 90.375 1905.917 91.179 1906.997 91.663 1907.997 98.981 1908.997 108.985 1909.997 109.844 1910.917 110.634 1911.997 112.167 1912.997 121.301 1913.997 122.06 1916.917 126.184 1917.927 122.876 1919.769 107.93 1919.997 108.721 1920.997 108.39 1921.997 107.475 1922.997 107.543 1923.997 101.482 1924.997 104.39 1925.457 108.552 1925.997 109.965 1926.997 110.274 1927.997 110.595 1928.997 110.783 1929.997 110.166 1930.997 133.999 1931.997 134.115 1932.997 134.267 1933.457 142.627 1933.997 142.281 1934.997 143.697 1935.997 144.287 1937.997 144.124 1938.997 158.9 1939.376 158.533 1940.997 158 1945.223 40 1945.997 73.556 1946.825 75.02 1947.997 79.502 1950.699 88.369 1951.997 96.005 1952.997 101.476 1953.997 106.583 1956.731 115.812 1961.43 134.375 1961.997 135.192 1962.997 138.777 1963.997 141.201 1964.997 143.46 1965.997 146.224 1966.997 149.387 1967.997 150.608 1968.997 149.154 1969.997 176.72 1970.403 172.195 1970.997 174.259 1971.997 178.639 1972.997 181.724 1973.997 183.363 1974.997 184.03 1975.997 183.88 1976.997 183.911 1977.997 183.858 1978.997 184.416 1979.997 186.2 1980.997 187.392 1981.997 187.564 1982.997 186.467 1983.997 187.08 1984.997 187.447 1985.997 188.571 1986.997 189.005 1987.398 172.529 1987.997 173.282 1988.997 174.828 1989.997 177.062 1990.997 179.486 1991.997 182.867 1992.997 184.646 1993.997 185.487 1994.997 184.627 1995.997 183.72 1996.997 184.752 1997.997 186.136 1998.997 185.97 1999.997 183.134 2000.997 182.87 2001.997 185.293 2002.997 186.103 2003.997 185.532 2004.997 186.061 2005.997 194.372 2006.997 196.425 2007.997 198.118 2008.997 197.623 2009.997 197.778 2010.997 199.237 2011.997 200.957 2012.997 202.756 2012.997 0 "/> </g> <g id="graph1"> <!-- graph 1 --> <polyline id="graph1-line" stroke-width="2.46" fill="none" points=" 1463 5.75 1545 10 1648 7.5 1700 20 1771 26.753 1780 32.482 1800 21.218 1801 22.325 1802 21.583 1806 23.505 1809 24.142 1813 25.6 1814 23.202 1815 23.647 1816.917 25.251 1819.917 25.39 1822.917 26.8 1825.917 28.409 1828.917 28.439 1831.917 30.234 1834.922 31.535 1837.922 31.702 1840.922 32.142 1843.922 33.826 1846.922 36.656 1849.922 35.14 1852.922 36.741 1855.922 36.833 1858.922 37.102 1861.922 41.411 1864.922 42.185 1867.922 43.14 1871.917 53.902 1875.917 56.4 1880.917 60.905 1885.917 65.852 1890.917 71.395 1895.919 76.946 1900.917 84.251 1901.997 85.864 1902.997 87.375 1903.997 88.875 1904.997 90.375 1905.917 91.179 1906.997 91.663 1907.997 98.981 1908.997 108.985 1909.997 109.844 1910.917 110.634 1911.997 112.167 1912.997 121.301 1913.997 122.06 1916.917 126.184 1917.927 122.876 1919.769 107.93 1919.997 108.721 1920.997 108.39 1921.997 107.475 1922.997 107.543 1923.997 101.482 1924.997 104.39 1925.457 108.552 1925.997 109.965 1926.997 110.274 1927.997 110.595 1928.997 110.783 1929.997 110.166 1930.997 133.999 1931.997 134.115 1932.997 134.267 1933.457 142.627 1933.997 142.281 1934.997 143.697 1935.997 144.287 1937.997 144.124 1938.997 158.9 1939.376 158.533 1940.997 158 1945.223 40 1945.997 73.556 1946.825 75.02 1947.997 79.502 1950.699 88.369 1951.997 96.005 1952.997 101.476 1953.997 106.583 1956.731 115.812 1961.43 134.375 1961.997 135.192 1962.997 138.777 1963.997 141.201 1964.997 143.46 1965.997 146.224 1966.997 149.387 1967.997 150.608 1968.997 149.154 1969.997 176.72 1970.403 172.195 1970.997 174.259 1971.997 178.639 1972.997 181.724 1973.997 183.363 1974.997 184.03 1975.997 183.88 1976.997 183.911 1977.997 183.858 1978.997 184.416 1979.997 186.2 1980.997 187.392 1981.997 187.564 1982.997 186.467 1983.997 187.08 1984.997 187.447 1985.997 188.571 1986.997 189.005 1987.398 172.529 1987.997 173.282 1988.997 174.828 1989.997 177.062 1990.997 179.486 1991.997 182.867 1992.997 184.646 1993.997 185.487 1994.997 184.627 1995.997 183.72 1996.997 184.752 1997.997 186.136 1998.997 185.97 1999.997 183.134 2000.997 182.87 2001.997 185.293 2002.997 186.103 2003.997 185.532 2004.997 186.061 2005.997 194.372 2006.997 196.425 2007.997 198.118 2008.997 197.623 2009.997 197.778 2010.997 199.237 2011.997 200.957 2012.997 202.756 "/> </g> </defs> <g class="graphgeneralstretch" transform="scale(1, -1.6) translate(-1463, -0)"> <!-- graphfill 1 --> <use id="graphfilluse1" transform="translate(0, 0)" fill="#dddddd" xlink:href="#graph1-fill"/> </g> <g class="graphgeneralstretch" transform="scale(1, -1.6) translate(-1463, -0)"> <!-- graph 1 --> <use id="graphuse1p2-line" transform="translate(0.722, 0)" class="graph1lineblank" xlink:href="#graph1-line"/> <use id="graphuse1m2-line" transform="translate(-0.722, 0)" 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="-3.4" y="-6.24" width="555" height="6.24" fill="url(#x-axismark-second)"/> <rect id="x-axismark" x="26.6" y="-10.4" width="536.2" height="10.4" fill="url(#x-axismark-main)"/> <line id="x-axis" x1="0" y1="0" x2="562" y2="0" class="axisline"/> <!-- y axis, modify "height" --> <rect id="y-axismark2" x="-6.24" y="-10.4" width="6.24" height="362.6" fill="url(#y-axismark-second)"/> <rect id="y-axismark" x="-10.4" y="-10.4" width="10.4" height="363.6" fill="url(#y-axismark-main)"/> <line id="y-axis" x1="0" y1="0" x2="0" y2="361.6" class="axisline"/> </g> </svg>