<?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="-11,-35.8,64.5,44.8"      
  width="750" height="520"
  font-family="Helvetica, Arial"
>

<!-- also a workaround for librsvg: a <rect> must be placed somewhere before text for a good display of text -->
<rect id="imagebackground" x="-11" y="-35.8" width="64.5" height="44.8" stroke-width="0.05" stroke="none" fill="white"/>
 
<title>Platinum world production</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 from http://minerals.usgs.gov/minerals/pubs/mcs/
</desc>

<style id="styles" type="text/css"> <![CDATA[
  .graphgeneral {         /*-- general look of graphs and markers, e.g. in legend --*/
    stroke-width:    0.35;
    fill:            none;
    stroke-linejoin: round;
    stroke-linecap:  round;
  }
  .graphgeneralstretch {  /*-- general look of graphs and markers on a stretched chart --*/ 
    stroke-width:    0.175;
    fill:            none;
    stroke-linejoin: round;
    stroke-linecap:  round;
  } 
  .graph1lineblank { /*-- look of graph 1 --*/
    stroke:           #555555;
  }
  .graph1line {
    stroke:           #555555; 
  }    
  .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%); 
  }  
  .axisline {
    stroke:         black;
    stroke-width:   0.175;
    stroke-linecap: round;
  }
  .titletext {
    font-size:    3.3px;       
  }
  .axistext-x {
    font-size:    3px;
  }
  .axistext-x-number {
    font-size:    3px;
  }
  .axistext-y {
    font-size:    3px;
  }
  .axismark-main {
    stroke:       black;
    stroke-width: 0.123;
  }
  .axismark-second {
    stroke:       black;
    stroke-width: 0.123;
  }  
      
  .gridline {
    stroke:       black;
    stroke-width: 0.088;
  }  
]]></style>

<defs>
  <!--== axis dashes definitions ==-->
  <!-- x-axis mark, modify "height" -->
  <pattern id="x-axismark-main" x="0" width="10" height="1.2" patternUnits="userSpaceOnUse"> 
    <line x1="0" y1="-1" x2="0" y2="1.2" class="axismark-main"/>
  </pattern>
 
   
  <!-- x-axis gridline vertical, modify "width" -->
  <pattern id="x-gridline" height="60" width="10" patternUnits="userSpaceOnUse">  
    <line x1="0" x2="0" y1="0" y2="60" class="gridline"/>
  </pattern>
 
   
  <!-- y-axis gridline horizontal, modify "height" -->
  <pattern id="y-gridline" width="50" height="5" patternUnits="userSpaceOnUse">  
    <line x1="0" x2="50" y1="0" y2="0" class="gridline"/>
  </pattern>

  <!-- y-axis mark, modify "width" -->
  <pattern id="y-axismark-main" width="1.2" height="5" patternUnits="userSpaceOnUse">
    <line x1="-1" y1="0" x2="1.2" y2="0" class="axismark-main"/>    
  </pattern>

  <!-- y-axis2 mark, modify "width" -->
  <pattern id="y-axis2mark-main" width="0.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="51" height="30" fill="url(#x-gridline)"/>
   
  <rect id="y-gridline-area" x="0" y="0.3" width="50" height="30.6" fill="url(#y-gridline)"/>

  <!-- x axis, modify "x2" and "width" -->
  <rect id="x-axismark" x="-0.3" y="-1.1" width="51" height="1.05" fill="url(#x-axismark-main)"/>
  <line id="x-axis" x1="0" y1="0" x2="50" y2="0" class="axisline"/>

  <!-- y axis, modify "height" -->
  <rect id="y-axismark" x="-1.05" y="-0.3 " width="1.05" height="31" fill="url(#y-axismark-main)"/>
  <line id="y-axis" x1="0" y1="0" x2="0" y2="30" class="axisline"/> 
</g>

<!-- x axis text, modify each value -->
<g id="axistext-x" class="axistext-x-number" transform="translate(0, 3.9)" text-anchor="middle"> 
  <text x=  "0"> <tspan dy="-0.83px"/>1990</text>
  <text x= "10"> <tspan dy="-0.83px"/>2000</text>
  <text x= "20"> <tspan dy="-0.83px"/>2010</text>
  <text x= "30"> <tspan dy="-0.83px"/>2020</text>
  <text x= "40"> <tspan dy="-0.83px"/>2030</text>
  <text x= "50"> <tspan dy="-0.83px"/>2040</text>
  <text id="title-x" class="axistext-x" x="25" y="3.9" > <tspan dy="-0.83px"/>Year</text> 
</g>

<!-- y axis text, modify each value -->
<g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-1.5, 0.8)"> 
  <text y=  "-0"> <tspan dy="-0.83px"/>0</text>
  <text y=  "-5"> <tspan dy="-0.83px"/>50</text>
  <text y= "-10"> <tspan dy="-0.83px"/>100</text>
  <text y= "-15"> <tspan dy="-0.83px"/>150</text>
  <text y= "-20"> <tspan dy="-0.83px"/>200</text>
  <text y= "-25"> <tspan dy="-0.83px"/>250</text>
  <text y= "-30"> <tspan dy="-0.83px"/>300</text>
  <text id="title-y" x="15" y="-6.4" transform="rotate(-90)" text-anchor="middle" > <tspan dy="-0.83px"/>Production in tons / year</text>
</g> 
 
<!-- additional text --> 

  <text id="title" class="titletext" text-anchor="middle" x="25" y="-32.1"> <tspan dy="-0.05px"/>Platinum world production</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.175" points="  
    1994 12.8
    1995 14.5
    1996 14.6
    1997 15.4
    1998 15.5
    1999 16.9
    2000 17.8
    2001 16
    2002 17.1
    2003 20.5
    2004 21.8
    2005 21.7
    2006 22.3
    2007 21.3
    2008 20
    2009 18.1
    2010 18.3
    2011 19.5
    2012 18.3
    2013 18.3
    2014 14.7
    2015 18.9
    2016 19.1
    2017 19.9
    2018 19
    2019 18.6
    2020 16.6
    2021 19.2
    2022 19
  "/>
</g>
</defs>
 
<g class="graphgeneralstretch" transform="scale(1, -1) translate(-1990, -0)"> 
  <!-- graph 1 --> 
  <use id="graphuse1p2" transform="translate(0, 0.086)" class="graph1lineblank" xlink:href="#graph1"/>  
  <use id="graphuse1m2" transform="translate(0, -0.086)" class="graph1lineblank" xlink:href="#graph1"/> 
  <use id="graphuse1-1" transform="translate(0, 0)" class="graph1line" xlink:href="#graph1"/>
</g>
</svg>