File talk:Population Statistics Gelsenkirchen.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="-120.33, -422.1, 710.53, 462" width="750" height="490" 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 Gelsenkirchen Source: https://de.wikipedia.org/wiki/Einwohnerentwicklung_von_Gelsenkirchen </desc> <!-- also a workaround for librsvg: a <rect> must be placed somewhere before text for a good display of text --> <rect id="imagebackground" x="-120.33" y="-422.1" width="710.53" height="462" stroke-width="0.57" stroke="none" fill="white"/> <style id="styles" type="text/css"> <![CDATA[ .graphgeneral { /*-- general look of graphs and markers, e.g. in legend --*/ stroke-width: 4.01; fill: none; stroke-linejoin: round; stroke-linecap: round; } .graphgeneralstretch { /*-- general look of graphs and markers on a stretched chart --*/ stroke-width: 1.34; fill: none; stroke-linejoin: round; stroke-linecap: round; } .graph1lineblank { /*-- look of graph 1 --*/ stroke: #333333; } .graph1line { stroke: #333333; } .axisline { stroke: black; stroke-width: 2.01; stroke-linecap: round; } .axismark-main { stroke: black; stroke-width: 1.4; } .axismark-second { stroke: black; stroke-width: 1.4; } .gridline { stroke: black; stroke-width: 1; } .titletext { font-size: 24.66px; } .axistext-x { font-size: 20.38px; } .axistext-x-number { font-size: 20.38px; } .axistext-y { font-size: 20.38px; } ]]></style> <defs> <!--== axis dashes definitions ==--> <!-- x-axis gridline vertical, modify "width" --> <pattern id="x-gridline" height="804" width="75" patternUnits="userSpaceOnUse"> <line x1="0" x2="0" y1="0" y2="804" class="gridline"/> </pattern> <!-- y-axis gridline horizontal, modify "height" --> <pattern id="y-gridline" width="382" height="50" patternUnits="userSpaceOnUse"> <line x1="0" x2="382" y1="0" y2="0" class="gridline"/> </pattern> <!-- x-axis mark, modify "height" --> <pattern id="x-axismark-main" x="0" width="75" height="12.72" patternUnits="userSpaceOnUse"> <line x1="0" y1="-1" x2="0" y2="12.72" class="axismark-main"/> </pattern> <!-- x-axis 2nd mark, modify "width" and "x1" --> <pattern id="x-axismark-second" x="0" width="15" height="12.72" patternUnits="userSpaceOnUse"> <line x1="0" y1="-1" x2="0" y2="12.72" class="axismark-second"/> </pattern> <!-- y-axis mark, modify "width" --> <pattern id="y-axismark-main" y="0" width="12.72" height="50" patternUnits="userSpaceOnUse"> <line x1="-1" y1="0" x2="12.72" y2="0" class="axismark-main"/> </pattern> <!-- y-axis 2nd mark, modify "height" and "y1" --> <pattern id="y-axismark-second" y="0" width="12.72" height="10" patternUnits="userSpaceOnUse"> <line x1="-1" y1="0" x2="12.72" y2="0" class="axismark-second"/> </pattern> <!-- y-axis2 mark, modify "width" --> <pattern id="y-axis2mark-main" y="0" width="12.72" height="10" patternUnits="userSpaceOnUse"> <line x1="-1" y1="0" x2="12.72" y2="0" class="axismark-main"/> </pattern> </defs> <g transform="scale(1, -1)"> <!-- grids --> <rect id="x-gridline-area" x="0.3" y="0" width="578.7" height="402" fill="url(#x-gridline)"/> <rect id="y-gridline-area" x="0" y="0.3" width="573" height="406" fill="url(#y-gridline)"/> </g> <!-- x axis text, modify each value --> <g id="axistext-x" class="axistext-x-number" transform="translate(0, 13.49)" text-anchor="middle"> <text x= "0">1825</text> <text x= "75">1850</text> <text x="150">1875</text> <text x="225">1900</text> <text x="300">1925</text> <text x="375">1950</text> <text x="450">1975</text> <text x="525">2000</text> </g> <!-- y axis text, modify each value --> <g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-17.2, 6.6)"> <text y= "-0">0 000</text> <text y= "-50">50 000</text> <text y="-100">100 000</text> <text y="-150">150 000</text> <text y="-200">200 000</text> <text y="-250">250 000</text> <text y="-300">300 000</text> <text y="-350">350 000</text> <text y="-400">400 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=" 1840.922 0 1840.922 0.624 1843.922 0.653 1852.922 0.844 1855.922 1.03 1858.922 1.597 1861.922 2.379 1864.922 3.556 1867.922 5.03 1871.917 7.825 1875.917 11.295 1880.917 14.615 1885.917 20.29 1890.917 28.057 1895.919 31.582 1900.917 36.935 1901.997 37.784 1902.997 37.04 1903.997 138.098 1904.997 142.519 1905.917 147.005 1906.997 151.195 1907.997 158.183 1908.997 164.816 1909.997 167.749 1910.917 169.513 1911.997 170.843 1912.997 172.846 1913.997 176.111 1916.917 162.671 1917.927 160.066 1919.769 168.557 1919.997 170.477 1920.997 173.703 1921.997 179.414 1922.997 182.506 1923.997 181.475 1924.997 206.595 1925.457 207.153 1925.997 205.803 1926.997 211.461 1927.997 212.644 1928.997 339.577 1929.997 336.508 1930.997 334.175 1931.997 331.722 1932.997 331.844 1933.457 332.545 1934.997 330.496 1935.997 327.49 1936.997 326.228 1937.997 323.444 1938.997 322.259 1939.376 317.568 1940.997 321.586 1941.997 321.647 1942.997 319.751 1943.997 286.466 1944.997 271.439 1945.274 160 1945.997 235.895 1946.825 265.793 1947.997 283.742 1948.774 292.66 1949.997 306.031 1950.699 315.46 1951.997 329.901 1952.997 341.257 1953.997 352.239 1954.997 361.36 1955.997 368.89 1956.731 374.697 1956.997 376.644 1957.997 385.126 1958.997 389.218 1959.997 389.268 1960.997 388.118 1961.43 382.689 1961.997 383.533 1962.997 381.849 1963.997 379.299 1964.997 375.861 1965.997 371.143 1966.997 363.015 1967.997 358.185 1968.997 355.095 1969.997 352.152 1970.403 348.292 1970.997 347.307 1971.997 344.6 1972.997 338.646 1973.997 333.202 1974.997 327.591 1975.997 322.584 1976.997 317.98 1977.997 313.439 1978.997 309.551 1979.997 306.323 1980.997 304.386 1981.997 301.397 1982.997 297.493 1983.997 293.329 1984.997 287.956 1985.997 285.002 1986.997 283.56 1987.398 287.508 1987.997 286.984 1988.997 287.255 1989.997 289.791 1990.997 293.714 1991.997 293.839 1992.997 295.368 1993.997 295.037 1994.997 293.542 1995.997 291.164 1996.997 289.023 1997.997 286.432 1998.997 284.085 1999.997 281.979 2000.997 278.695 2001.997 275.835 2002.997 274.926 2003.997 273.782 2004.997 270.109 2005.997 268.102 2006.997 266.772 2007.997 264.765 2008.997 262.063 2009.997 259.744 2010.997 257.981 2011.997 256.652 2012.997 257.607 2012.997 0 "/> </g> <g id="graph1"> <!-- graph 1 --> <polyline id="graph1-line" stroke-width="1.34" fill="none" points=" 1840.922 0.624 1843.922 0.653 1852.922 0.844 1855.922 1.03 1858.922 1.597 1861.922 2.379 1864.922 3.556 1867.922 5.03 1871.917 7.825 1875.917 11.295 1880.917 14.615 1885.917 20.29 1890.917 28.057 1895.919 31.582 1900.917 36.935 1901.997 37.784 1902.997 37.04 1903.997 138.098 1904.997 142.519 1905.917 147.005 1906.997 151.195 1907.997 158.183 1908.997 164.816 1909.997 167.749 1910.917 169.513 1911.997 170.843 1912.997 172.846 1913.997 176.111 1916.917 162.671 1917.927 160.066 1919.769 168.557 1919.997 170.477 1920.997 173.703 1921.997 179.414 1922.997 182.506 1923.997 181.475 1924.997 206.595 1925.457 207.153 1925.997 205.803 1926.997 211.461 1927.997 212.644 1928.997 339.577 1929.997 336.508 1930.997 334.175 1931.997 331.722 1932.997 331.844 1933.457 332.545 1934.997 330.496 1935.997 327.49 1936.997 326.228 1937.997 323.444 1938.997 322.259 1939.376 317.568 1940.997 321.586 1941.997 321.647 1942.997 319.751 1943.997 286.466 1944.997 271.439 1945.274 160 1945.997 235.895 1946.825 265.793 1947.997 283.742 1948.774 292.66 1949.997 306.031 1950.699 315.46 1951.997 329.901 1952.997 341.257 1953.997 352.239 1954.997 361.36 1955.997 368.89 1956.731 374.697 1956.997 376.644 1957.997 385.126 1958.997 389.218 1959.997 389.268 1960.997 388.118 1961.43 382.689 1961.997 383.533 1962.997 381.849 1963.997 379.299 1964.997 375.861 1965.997 371.143 1966.997 363.015 1967.997 358.185 1968.997 355.095 1969.997 352.152 1970.403 348.292 1970.997 347.307 1971.997 344.6 1972.997 338.646 1973.997 333.202 1974.997 327.591 1975.997 322.584 1976.997 317.98 1977.997 313.439 1978.997 309.551 1979.997 306.323 1980.997 304.386 1981.997 301.397 1982.997 297.493 1983.997 293.329 1984.997 287.956 1985.997 285.002 1986.997 283.56 1987.398 287.508 1987.997 286.984 1988.997 287.255 1989.997 289.791 1990.997 293.714 1991.997 293.839 1992.997 295.368 1993.997 295.037 1994.997 293.542 1995.997 291.164 1996.997 289.023 1997.997 286.432 1998.997 284.085 1999.997 281.979 2000.997 278.695 2001.997 275.835 2002.997 274.926 2003.997 273.782 2004.997 270.109 2005.997 268.102 2006.997 266.772 2007.997 264.765 2008.997 262.063 2009.997 259.744 2010.997 257.981 2011.997 256.652 2012.997 257.607 "/> </g> </defs> <g class="graphgeneralstretch" transform="scale(3, -1) translate(-1825, -0)"> <!-- graphfill 1 --> <use id="graphfilluse1" transform="translate(0, 0)" fill="#dddddd" xlink:href="#graph1-fill"/> </g> <g class="graphgeneralstretch" transform="scale(3, -1) translate(-1825, -0)"> <!-- graph 1 --> <use id="graphuse1p2-line" transform="translate(0, 1.31)" class="graph1lineblank" xlink:href="#graph1-line"/> <use id="graphuse1m2-line" transform="translate(0, -1.31)" class="graph1lineblank" xlink:href="#graph1-line"/> <use id="graphuse1p3-line" transform="translate(0, 0)" class="graph1lineblank" xlink:href="#graph1-line"/> <use id="graphuse1m3-line" transform="translate(0, 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="-10.6" y="-6.36" width="573" height="6.36" fill="url(#x-axismark-second)"/> <rect id="x-axismark" x="-10.6" y="-10.6" width="584.5" height="10.6" fill="url(#x-axismark-main)"/> <line id="x-axis" x1="0" y1="0" x2="573" y2="0" class="axisline"/> <!-- y axis, modify "height" --> <rect id="y-axismark2" x="-6.36" y="-10.6" width="6.36" height="403" fill="url(#y-axismark-second)"/> <rect id="y-axismark" x="-10.6" y="-10.6" width="10.6" height="404" fill="url(#y-axismark-main)"/> <line id="y-axis" x1="0" y1="0" x2="0" y2="402" class="axisline"/> </g> </svg>
