File talk:Gold quantity.svg
Source
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 with Toolforge tool SVGCheck (upload file temporarily), in W3Schools Tryit Editor (insert source code) or in Commons with File:Test.svg (upload as new file revision).
<?xml version="1.0" encoding="UTF-8" ?> <!-- Generator: wikimedia.svg.chart, 2013-08-28 --> <!-- 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="-73.5,-240.3,448,303.3" width="750" height="510" font-family="Helvetica, Arial, Liberation Sans" > <!-- also a workaround for librsvg: a <rect> must be placed somewhere before text for a good display of text -->
<!-- Background Image SVG --> <def><pattern id="imagebackground-fill" width="100%" height="100%" patternUnits="objectBoundingBox"> <linearGradient id="bg-fill" x1="0" y1="0" x2="0" y2="1"> <stop stop-color="rgb(233, 233, 254)" offset="0"/> <stop stop-color="rgb(254, 254, 255)" offset="0.5"/> <stop stop-color="rgb(233, 233, 254)" offset="1"/> </linearGradient> <rect width="100%" height="100%" fill="url(#bg-fill)"/> </pattern></def> <rect id="imagebackground" x="-73.5" y="-240.3" width="448" height="303.3" stroke-width="0.35" stroke="none" fill="url(#imagebackground-fill)"/> <title>Global mined gold</title> <desc> This svg graphic is to edit with an text editor. Please do not overwrite this file by saving with an image editor. ---------------- data are calculated by use of values of the yearly production sources: * http://minerals.usgs.gov/minerals/pubs/mcs/ * http://www.census.gov/prod/www/statistical_abstract.html, abstracts 1899, 1902 </desc> <style id='styles' type='text/css'> <![CDATA[ .graphgeneral { /*-- general look of graphs and markers, e.g. in legend --*/ stroke-width: 2.45; fill: none; stroke-linejoin: round; stroke-linecap: round; } .graphgeneralstretch { /*-- general look of graphs and markers on a stretched chart --*/ stroke-width: 0.98; fill: none; stroke-linejoin: round; stroke-linecap: round; }
.graph1lineblank { /*-- look of graph 1 --*/ stroke: rgb(0,51,204); } .graph1line { stroke: rgb(0,51,204); }
.graph2lineblank { /*-- look of graph 2 --*/ stroke: rgb(75%, 10%, 10%); } .graph2line { stroke: rgb(75%, 10%, 10%); }
.graph3lineblank { /*-- look of graph 3 --*/ stroke: rgb(00%, 60%, 00%); } .graph3line { stroke: rgb(00%, 60%, 00%); }
.graph4lineblank { /*-- look of graph 4 --*/ stroke: rgb(00%, 60%, 60%); } .graph4line { stroke: rgb(00%, 60%, 60%); }
.graph5lineblank { /*-- look of graph 5 --*/ stroke: rgb(60%, 00%, 60%); } .graph5line { stroke: rgb(60%, 00%, 60%); }
.graph6lineblank { /*-- look of graph 6 --*/ stroke: rgb(60%, 60%, 00%); } .graph6line { stroke: rgb(60%, 60%, 00%); }
.graph7lineblank { /*-- look of graph 7 --*/ stroke: rgb(00%, 00%, 30%); } .graph7line { stroke: rgb(00%, 00%, 30%); }
.graph8lineblank { /*-- look of graph 8 --*/ stroke: rgb(00%, 30%, 00%); } .graph8line { stroke: rgb(00%, 30%, 00%); } .axisline { stroke: black; stroke-width: 1.23; stroke-linecap: round; } .titletext { font-size: 23.1px; } .axistext-x { font-size: 19.53px; } .axistext-x-number { font-size: 19.53px; } .axistext-y { font-size: 19.53px; } .axismark-main { stroke: black; stroke-width: 0.86; } .axismark-second { stroke: black; stroke-width: 0.86; }
.gridline { stroke: black; stroke-width: 0.61; } ]]></style> <defs> <!--== axis dashes definitions ==--> <!-- x-axis mark, modify "height" --> <pattern id="x-axismark-main" x="0" width="50" height="7.2" patternUnits="userSpaceOnUse"> <line x1="0" y1="-1" x2="0" y2="7.2" class="axismark-main"/> </pattern>
<!-- x-axis 2nd mark, modify "width" and "x1"--> <pattern id="x-axismark-second" x="0" width="25" height="7.2" patternUnits="userSpaceOnUse"> <line x1="0" y1="-1" x2="0" y2="7.2" class="axismark-second"/> </pattern>
<!-- y-axis 2nd mark, modify "height" and "y1" --> <pattern id="y-axismark-second" y="0" height="10" width="7.2" patternUnits="userSpaceOnUse"> <line y1="0" x1="-1" y2="0" x2="7.2" class="axismark-second"/> </pattern>
<!-- x-axis gridline vertical, modify "width" --> <pattern id="x-gridline" height="400" width="50" patternUnits="userSpaceOnUse"> <line x1="0" x2="0" y1="0" y2="400" class="gridline"/> </pattern>
<!-- y-axis gridline horizontal, modify "height" --> <pattern id="y-gridline" width="280" height="50" patternUnits="userSpaceOnUse"> <line x1="0" x2="280" y1="0" y2="0" class="gridline"/> </pattern> <!-- y-axis mark, modify "width" --> <pattern id="y-axismark-main" width="7.2" height="50" patternUnits="userSpaceOnUse"> <line x1="-1" y1="0" x2="7.2" y2="0" class="axismark-main"/> </pattern> <!-- y-axis2 mark, modify "width" --> <pattern id="y-axis2mark-main" width="3.6" height="10" patternUnits="userSpaceOnUse"> <line x1="-1" y1="0" x2="11" y2="0" class="axismark-main"/> </pattern> </defs> <g transform="scale(1, -1)">
<rect id="x-gridline-area" x="0.3" y="0" width="357" height="200" fill="url(#x-gridline)"/>
<rect id="y-gridline-area" x="0" y="0.3" width="350" height="204" fill="url(#y-gridline)"/> <!-- x axis, modify "x2" and "width" -->
<rect id="x-axismark2" x="-1.8" y="-3.4" width="350" height="3.42" fill="url(#x-axismark-second)"/> <rect id="x-axismark" x="-1.8" y="-6.3" width="357" height="6.3" fill="url(#x-axismark-main)"/> <line id="x-axis" x1="0" y1="0" x2="350" y2="0" class="axisline"/> <!-- y axis, modify "height" -->
<rect id="y-axismark2" x="-3.42" y="-1.8" width="3.42" height="201" fill="url(#y-axismark-second)"/> <rect id="y-axismark" x="-6.3" y="-1.8" width="6.3" height="201" fill="url(#y-axismark-main)"/> <line id="y-axis" x1="0" y1="0" x2="0" y2="200" class="axisline"/> </g> <!-- x axis text, modify each value --> <g id="axistext-x" class="axistext-x-number" transform="translate(0, 25.8)" text-anchor="middle"> <text x= "0">1880</text> <text x= "50">1900</text> <text x="100">1920</text> <text x="150">1940</text> <text x="200">1960</text> <text x="250">1980</text> <text x="300">2000</text> <text x="350">2020</text> <text id="title-x" class="axistext-x" x="175" y="25.4" >Year</text> </g> <!-- y axis text, modify each value --> <g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-10.5, 5.3)"> <text y= "-0">0</text> <text y= "-50">50</text> <text y= "-100">100</text> <text y= "-150">150</text> <text y= "-200">200</text> <text id="title-y" x="100" y="-44.4" transform="rotate(-90)" text-anchor="middle" >Quantity in 1000 tons</text> </g> <!-- additional text --> <text id="title" class="titletext" text-anchor="middle" x="175" y="-214">Global mined gold</text> <!--====== graph data with origin values, you can manually copy or attach the values here ======--> <!-- modify displacement "translate" --> <defs> <g id="graphs"> </g> <g id="graph1"> <!-- graph 1 --> <polyline id="graph1-line" stroke-width="0.98" points=" 1880 24.522 1881 24.671 1882 24.82 1883 24.969 1884 25.118 1885 25.267 1886 25.427 1887 25.586 1888 25.752 1889 25.938 1890 26.116 1891 26.313 1892 26.534 1893 26.771 1894 27.044 1895 27.344 1896 27.648 1897 28.003 1898 28.435 1899 28.897 1900 29.283 1901 29.678 1902 30.129 1903 30.625 1904 31.151 1905 31.726 1906 32.334 1907 32.957 1908 33.625 1909 34.312 1910 35.001 1911 35.7 1912 36.405 1913 37.099 1914 37.762 1915 38.466 1916 39.151 1917 39.782 1918 40.36 1919 40.91 1920 41.417 1921 41.915 1922 42.396 1923 42.95 1924 43.542 1925 44.133 1926 44.735 1927 45.332 1928 45.935 1929 46.544 1930 47.192 1931 47.887 1932 48.641 1933 49.434 1934 50.275 1935 51.199 1936 52.229 1937 53.329 1938 54.499 1939 55.729 1940 57.039 1941 58.119 1942 59.239 1943 60.135 1944 60.948 1945 61.71 1946 62.57 1947 63.47 1948 64.402 1949 65.366 1950 66.245 1951 67.128 1952 67.996 1953 68.86 1954 69.825 1955 70.772 1956 71.75 1957 72.77 1958 73.82 1959 74.95 1960 76.14 1961 77.37 1962 78.66 1963 80 1964 81.39 1965 82.83 1966 84.28 1967 85.7 1968 87.14 1969 88.59 1970 90.07 1971 91.52 1972 92.91 1973 94.26 1974 95.51 1975 96.71 1976 97.92 1977 99.13 1978 100.34 1979 101.55 1980 102.77 1981 104.05 1982 105.39 1983 106.79 1984 108.25 1985 109.78 1986 111.39 1987 113.05 1988 114.92 1989 116.93 1990 119.11 1991 121.27 1992 123.53 1993 125.81 1994 128.07 1995 130.3 1996 132.59 1997 135.04 1998 137.54 1999 140.11 2000 142.7 2001 145.3 2002 147.85 2003 150.39 2004 152.81 2005 155.28 2006 157.65 2007 160 2008 162.28 2009 164.77 2010 167.34 2011 170 2012 172.7 "/> </g> </defs> <g class="graphgeneralstretch" transform="scale(2.5, -1) translate(-1880, -0)">
<!-- graph 1 --> <use id="graphuse1p2" transform="translate(0, 0.72)" class="graph1lineblank" xlink:href="#graph1"/> <use id="graphuse1m2" transform="translate(0, -0.72)" class="graph1lineblank" xlink:href="#graph1"/> <use id="graphuse1p3" transform="translate(0, -0.235)" class="graph1lineblank" xlink:href="#graph1"/> <use id="graphuse1m3" transform="translate(0, 0.235)" class="graph1lineblank" xlink:href="#graph1"/> <use id="graphuse1-1" transform="translate(0, 0)" class="graph1line" xlink:href="#graph1"/> </g> </svg>