<?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="-30,-139,223.5,166" width="750" height="560" 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="-30" y="-139" width="223.5" height="166" stroke-width="0.2" stroke="none" fill="white"/>
 
<title>People's Republic of China's Annual GDP Growth</title>
<desc>   
  This svg graphic is to edit with an text editor.
  Please do not overwrite this file by saving with an image editor.
  ----------------
 All values are scaled by 10. This is necessary to keep the lines from turning into ribbons.
</desc>

<style id="styles" type="text/css"> <![CDATA[
  .graphgeneral {         /*-- general look of graphs and markers, e.g. in legend --*/
    stroke-width:    1.05;
    fill:            none;
    stroke-linejoin: round;
    stroke-linecap:  round;
  }
  .graphgeneralstretch {  /*-- general look of graphs and markers on a stretched chart --*/ 
    stroke-width:    0.42;
    fill:            none;
    stroke-linejoin: round;
    stroke-linecap:  round;
  } 
  .graph1lineblank { /*-- look of graph 1 --*/
    stroke:           #0000FF;
  }
  .graph1line {
    stroke:           #0000FF; 
    marker-start:url(#graph1markerstretch); marker-mid:url(#graph1markerstretch); marker-end:url(#graph1markerstretch);
  } 
  .graph1marker {    /*-- look of marker 1 --*/
    stroke:           #0000FF;
    fill:             #0000FF;   
  }   
  .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.66;
    stroke-linecap: round;
  }
  .titletext {
    font-size:    7.92px;       
  }
  .axistext-x {
    font-size:    7.2px;
  }
  .axistext-x-number {
    font-size:    7.2px;
  }
  .axistext-y {
    font-size:    7.2px;
  }
  .axismark-main {
    stroke:       black;
    stroke-width: 0.46;
  }
  .axismark-second {
    stroke:       black;
    stroke-width: 0.46;
  } 
 
  .graphmarker {     
    stroke-width:    0.66;
    fill:            white;
    stroke-linejoin: round;
  } 
      
  .gridline {
    stroke:       black;
    stroke-width: 0.33;
  }  
]]></style>

<defs>
  <!--== axis dashes definitions ==-->
  <!-- x-axis mark, modify "height" -->
  <pattern id="x-axismark-main" x="0" width="25" height="4" patternUnits="userSpaceOnUse"> 
    <line x1="0" y1="-10" x2="0" y2="4" class="axismark-main"/>
  </pattern>
 
  <!-- x-axis 2nd mark, modify "width" and "x1"-->
  <pattern id="x-axismark-second" x="0" width="6.25" height="4" patternUnits="userSpaceOnUse"> 
    <line x1="0" y1="-10" x2="0" y2="4" class="axismark-second"/>
  </pattern>
 
   
  <!-- x-axis gridline vertical, modify "width" -->
  <pattern id="x-gridline" height="240" width="25" patternUnits="userSpaceOnUse">  
    <line x1="0" x2="0" y1="0" y2="240" class="gridline"/>
  </pattern>
 
   
  <!-- y-axis gridline horizontal, modify "height" -->
  <pattern id="y-gridline" width="150" height="20" patternUnits="userSpaceOnUse">  
    <line x1="0" x2="150" y1="0" y2="0" class="gridline"/>
  </pattern>

  <!-- y-axis mark, modify "width" -->
  <pattern id="y-axismark-main" width="4" height="20" patternUnits="userSpaceOnUse">
    <line x1="-10" y1="0" x2="4" y2="0" class="axismark-main"/>    
  </pattern>

  <!-- y-axis2 mark, modify "width" -->
  <pattern id="y-axis2mark-main" width="2" height="100" patternUnits="userSpaceOnUse">
    <line x1="-1" y1="0" x2="110" y2="0" class="axismark-main"/>    
  </pattern>

  <!--== graph marker ==-->
  <g class="graphmarker">
    <g id="graph1markershape" transform="translate(3.9,3.9)"><circle cx="0" cy="0" r="2.4" fill="x"/></g>  <!-- circle --> 
    <marker id="graph1marker" class="graph1marker" refX="3.9" refY="3.9" viewBox="0 0 7.9 7.9" markerUnits="userSpaceOnUse" markerWidth="7.9" markerHeight="7.9">
      <use xlink:href="#graph1markershape"/>  
    </marker>
    <marker id="graph1markerstretch" class="graph1marker" refX="1.58" refY="3.9" viewBox="0 0 7.9 7.9" markerUnits="userSpaceOnUse" markerWidth="0.79" markerHeight="0.79">
      <use transform="scale(0.4, 1)" xlink:href="#graph1markershape"/>  
    </marker>
      
  </g> 
</defs> 

<g transform="scale(1, -1)">  
   
  <rect id="x-gridline-area" x="3" y="0" width="191" height="120" fill="url(#x-gridline)"/>
   
  <rect id="y-gridline-area" x="0" y="3" width="188" height="122" fill="url(#y-gridline)"/>

  <!-- x axis, modify "x2" and "width" -->
  <rect id="x-axismark2" x="-1" y="-2" width="188" height="1.9" fill="url(#x-axismark-second)"/>
  <rect id="x-axismark" x="-1" y="-4" width="191" height="3.5" fill="url(#x-axismark-main)"/>
  <line id="x-axis" x1="0" y1="0" x2="190" y2="0" class="axisline"/>

  <!-- y axis, modify "height" -->
  <rect id="y-axismark" x="-3.5" y="-1" width="3.5" height="130" fill="url(#y-axismark-main)"/>
  <line id="y-axis" x1="0" y1="0" x2="0" y2="120" class="axisline"/> 
</g>

<!-- x axis text, modify each value -->
<g id="axistext-x" class="axistext-x-number" transform="translate(0, 10)" text-anchor="middle"> 
  <text x="0">2008</text>
  <text x="25">2009</text>
  <text x="50">2010</text>
  <text x="75">2011</text>
  <text x="100">2012</text>
  <text x="125">2013</text>
  <text x="150">2014</text>
  <text x="175">2015</text>
  <text id="title-x" class="axistext-x" x="93.75" y="9">Year</text> 
</g>

<!-- y axis text, modify each value -->
<g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-6, 3)"> 
  <text y="-0">0%</text>
  <text y="-20">2%</text>
  <text y="-40">4%</text>
  <text y="-60">6%</text>
  <text y="-80">8%</text>
  <text y="-100">10%</text>
  <text y="-120">12%</text>
  <text id="title-y" x="60" y="-16.0" transform="rotate(-90)" text-anchor="middle">Annual Growth</text>
</g> 
 
<!-- additional text --> 

  <text id="title" class="titletext" text-anchor="middle" x="94" y="-128">People's Republic of China's Annual GDP Growth</text>
 
<!--====== graph data with origin values, you can manually copy or attach the values here ======-->
<!-- modify displacement "translate" -->
<defs>
<g id="graph1">
  <!-- Percent Growth -->
  <polyline id="graph1-line" stroke-width="0.042" points="2008.00  10.6
  2008.25     10.1
  2008.50     9.0
  2008.75     6.8
  2009.00     6.2
  2009.25     7.9
  2009.50     9.1
  2009.75     10.7
  2010.00     11.9
  2010.25     10.3
  2010.50     9.6
  2010.75     9.8
  2011.00     9.7
  2011.25     9.5
  2011.50     9.2
  2011.75     8.9
  2012.00     8.1
  2012.25     7.6
  2012.50     7.4
  2012.75     7.9
  2013.00     7.7
  2013.25     7.5
  2013.50     7.8
  2013.75     7.7
  2014.00     7.4
  2014.25     7.5
  2014.50     7.3
  2014.75     7.3
  2015.00     7.0
  2015.25     7.0   "/>
</g>
<g id="graph1_scaled">
  <use id="graph1_scaled_1" transform="scale(25, -10) translate(-2008, 0)" xlink:href="#graph1"/>
</g>
</defs>
 
<g class="graphgeneralstretch"> 
  <!-- graph 1 --> 
  <use id="graphuse1-1" transform="translate(0, 0)" class="graph1line" xlink:href="#graph1_scaled"/>
</g>
</svg>