<?xml version="1.0" encoding="UTF-8" ?>
<!-- Generator: wikimedia.svg.chart, 2013-07-22 -->
<!-- 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="-22,-81.5,129,99.5"      
  width="750" height="580"
  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="-22" y="-81.5" width="129" height="99.5" stroke-width="0.1" stroke="none" fill="white"/>
 
<title>Indium 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.7;
    fill:            none;
    stroke-linejoin: round;
    stroke-linecap:  round;
  }
  .graphgeneralstretch {  /*-- general look of graphs and markers on a stretched chart --*/ 
    stroke-width:    0.35;
    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.35;
    stroke-linecap: round;
  }
  .titletext {
    font-size:    6.6px;       
  }
  .axistext-x {
    font-size:    6px;
  }
  .axistext-x-number {
    font-size:    6px;
  }
  .axistext-y {
    font-size:    6px;
  }
  .axismark-main {
    stroke:       black;
    stroke-width: 0.25;
  }
  .axismark-second {
    stroke:       black;
    stroke-width: 0.25;
  }  
      
  .gridline {
    stroke:       black;
    stroke-width: 0.18;
  }  
]]></style>

<defs>
  <!--== axis dashes definitions ==-->
  <!-- x-axis mark, modify "height" -->
  <pattern id="x-axismark-main" x="0" width="20" height="2" patternUnits="userSpaceOnUse"> 
    <line x1="0" y1="-1" x2="0" y2="2" class="axismark-main"/>
  </pattern>
 
  <!-- x-axis 2nd mark, modify "width" and "x1"-->
  <pattern id="x-axismark-second" x="0" width="10" height="2" patternUnits="userSpaceOnUse"> 
    <line x1="0" y1="-1" x2="0" y2="2" class="axismark-second"/>
  </pattern>
 
   
  <!-- x-axis gridline vertical, modify "width" -->
  <pattern id="x-gridline" height="140" width="20" patternUnits="userSpaceOnUse">  
    <line x1="0" x2="0" y1="0" y2="140" class="gridline"/>
  </pattern>
 
   
  <!-- y-axis gridline horizontal, modify "height" -->
  <pattern id="y-gridline" width="100" height="10" patternUnits="userSpaceOnUse">  
    <line x1="0" x2="100" y1="0" y2="0" class="gridline"/>
  </pattern>

  <!-- y-axis mark, modify "width" -->
  <pattern id="y-axismark-main" width="2" height="10" patternUnits="userSpaceOnUse">
    <line x1="-1" y1="0" x2="2" y2="0" class="axismark-main"/>    
  </pattern>

  <!-- y-axis2 mark, modify "width" -->
  <pattern id="y-axis2mark-main" width="1" 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="102" height="70" fill="url(#x-gridline)"/>
   
  <rect id="y-gridline-area" x="0" y="0.3" width="100" height="71.4" fill="url(#y-gridline)"/>

  <!-- x axis, modify "x2" and "width" -->
  <rect id="x-axismark2" x="-0.5" y="-1" width="100" height="0.95" fill="url(#x-axismark-second)"/>
  <rect id="x-axismark" x="-0.5" y="-1.8" width="102" height="1.75" fill="url(#x-axismark-main)"/>
  <line id="x-axis" x1="0" y1="0" x2="100" y2="0" class="axisline"/>

  <!-- y axis, modify "height" -->
  <rect id="y-axismark" x="-1.75" y="-0.5 " width="1.75" height="71" fill="url(#y-axismark-main)"/>
  <line id="y-axis" x1="0" y1="0" x2="0" y2="70" class="axisline"/> 
</g>

<!-- x axis text, modify each value -->
<g id="axistext-x" class="axistext-x-number" transform="translate(0, 7.8)" text-anchor="middle"> 
  <text x=  "0">1972</text>
  <text x= "20">1982</text>
  <text x= "40">1992</text>
  <text x= "60">2002</text>
  <text x= "80">2012</text>
  <text x="100">2022</text>
  <text id="title-x" class="axistext-x" x="50" y="7.8" >Year</text> 
</g>

<!-- y axis text, modify each value -->
<g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-3, 1.5)"> 
  <text y=  "-0">0</text>
  <text y= "-14">200</text>
  <text y= "-28">400</text>
  <text y= "-42">600</text>
  <text y= "-56">800</text>
  <text y= "-70">1000</text>
  <text id="title-y" x="35" y="-12.9" transform="rotate(-90)" text-anchor="middle" >Production in tons / year</text>
</g> 
 
<!-- additional text --> 

  <text id="title" class="titletext" text-anchor="middle" x="50" y="-74.9">Indium 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.35" points="  
    1972 6.84
    1973 5.41
    1974 5.6
    1975 4.67
    1976 4.65
    1977 4.04
    1978 4.45
    1979 4.67
    1980 4.98
    1981 4.35
    1982 4.98
    1983 2.33
    1984 2.95
    1985 2.95
    1986 4.11
    1987 5.35
    1988 10.6
    1989 11.5
    1990 11.8
    1991 14
    1992 14
    1993 14
    1994 14.5
    1995 23.9
    1996 20
    1997 23
    1998 23
    1999 21.5
    2000 33.5
    2001 40.8
    2002 40.6
    2003 38.1
    2004 39.2
    2005 60.7
    2006 63.8
    2007 63.1
    2008 61.3
    2009 58.3
    2010 65.8
    2011 66.2
    2012 67
    2013 79.9
    2014 84.4
    2015 75.9
    2016 68
    2017 71.4
    2018 74.1
    2019 96.8
    2020 96
    2021 93.2
    2022 90
  "/>
</g>
</defs>
 
<g class="graphgeneralstretch" transform="scale(2, -0.7) translate(-1972, -0)"> 
  <!-- graph 1 --> 
  <use id="graphuse1p2" transform="translate(0, 0.172)" class="graph1lineblank" xlink:href="#graph1"/>  
  <use id="graphuse1m2" transform="translate(0, -0.172)" class="graph1lineblank" xlink:href="#graph1"/> 
  <use id="graphuse1-1" transform="translate(0, 0)" class="graph1line" xlink:href="#graph1"/>
</g>
</svg>