File talk:Energieverbrauch Deutschland.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 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="-2.975, -11.6, 22.875, 12.9"
  width="750" height="420"
  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.
  ----------------
  Energieverbräuche in Deutschland
  Source: http://www.bmwi.de/BMWi/Redaktion/Binaer/Energiedaten/energiegewinnung-und-energieverbrauch3-struktur-energieverbrauch,property=blob,bereich=bmwi,sprache=de,rwb=true.xls
</desc>

<!-- also a workaround for librsvg: a <rect> must be placed somewhere before text for a good display of text -->
<rect id="imagebackground" x="-2.975" y="-11.6" width="22.875" height="12.9" stroke-width="0.02" stroke="none" fill="white"/>

<style id="styles" type="text/css"> <![CDATA[
  .graphgeneral {         /*-- general look of graphs and markers, e.g. in legend --*/
    stroke-width:    0.042;
    fill:            none;
    stroke-linejoin: round;
    stroke-linecap:  round;
  }
  .graphgeneralstretch {  /*-- general look of graphs and markers on a stretched chart --*/
    stroke-width:    0.042;
    fill:            none;
    stroke-linejoin: round;
    stroke-linecap:  round;
  }
  .graph1lineblank { /*-- look of graph 1 --*/
    stroke:          none;
  }
  .graph1line {
    stroke:          none;
  }
  .graph2lineblank { /*-- look of graph 2 --*/
    stroke:          #666666;
  }
  .graph2line {
    stroke:          #666666;
  }
  .graph3lineblank { /*-- look of graph 3 --*/
    stroke:          #666666;
  }
  .graph3line {
    stroke:          #666666;
  }
  .graph4lineblank { /*-- look of graph 4 --*/
    stroke:          #666666;
  }
  .graph4line {
    stroke:          #666666;
  }
  .graph5lineblank { /*-- look of graph 5 --*/
    stroke:          #666666;
  }
  .graph5line {
    stroke:          #666666;
  }
  .graph6lineblank { /*-- look of graph 6 --*/
    stroke:          #666666;
  }
  .graph6line {
    stroke:          #666666;
  }
  .graph7lineblank { /*-- look of graph 7 --*/
    stroke:          #666666;
  }
  .graph7line {
    stroke:          #666666;
  }
  .axisline {
    stroke:          black;
    stroke-width:    0.06;
    stroke-linecap:  round;
  }
  .axismark-main {
    stroke:          black;
    stroke-width:    0.042;
  }
  .axismark-second {
   stroke:           black;
    stroke-width:    0.042;
  }
  .gridline {
    stroke:          black;
    stroke-width:    0.03;
  }
  .titletext {
    font-size:       0.829px;
  }
  .axistext-x {
    font-size:       0.686px;
  }
  .axistext-x-number {
    font-size:       0.686px;
  }
  .axistext-y {
    font-size:       0.686px;
  }
  .charttext {
    font-size:       0.686px;
    text-anchor:     middle;
  }
]]></style>

<defs>
  <!--== axis dashes definitions ==-->

  <!-- x-axis gridline vertical, modify "width" -->
  <pattern id="x-gridline" height="22" width="2" patternUnits="userSpaceOnUse">
    <line x1="0" x2="0" y1="0" y2="22" class="gridline"/>
  </pattern>

  <!-- y-axis gridline horizontal, modify "height" -->
  <pattern id="y-gridline" width="34" height="2" patternUnits="userSpaceOnUse">
    <line x1="0" x2="34" y1="0" y2="0" class="gridline"/>
  </pattern>

  <!-- x-axis mark, modify "height" -->
  <pattern id="x-axismark-main" x="0" width="2" height="0.36" patternUnits="userSpaceOnUse">
    <line x1="0" y1="-1" x2="0" y2="0.36" class="axismark-main"/>
  </pattern>

  <!-- x-axis 2nd mark, modify "width" and "x1" -->
  <pattern id="x-axismark-second" x="0" width="1" height="0.36" patternUnits="userSpaceOnUse">
    <line x1="0" y1="-1" x2="0" y2="0.36" class="axismark-second"/>
  </pattern>

  <!-- y-axis mark, modify "width" -->
  <pattern id="y-axismark-main" y="0" width="0.36" height="2" patternUnits="userSpaceOnUse">
    <line x1="-1" y1="0" x2="0.36" y2="0" class="axismark-main"/>
  </pattern>

  <!-- y-axis2 mark, modify "width" -->
  <pattern id="y-axis2mark-main" y="0" width="0.36" height="1.8" patternUnits="userSpaceOnUse">
    <line x1="-1" y1="0" x2="0.36" y2="0" class="axismark-main"/>
  </pattern>
</defs>


<g transform="scale(1, -1)">
  <!-- grids -->
  <rect id="x-gridline-area" x="0.3" y="0" width="17.2" height="11" fill="url(#x-gridline)"/>
  <rect id="y-gridline-area" x="0" y="0.3" width="17" height="11.1" fill="url(#y-gridline)"/>
</g>

<!-- x axis text, modify each value -->
<g id="axistext-x" class="axistext-x-number" transform="translate(0, 1.18)" text-anchor="middle">
  <text x= "0"> <tspan dy="-0.686px"/>1996</text>
  <text x= "2"> <tspan dy="-0.686px"/>1998</text>
  <text x= "4"> <tspan dy="-0.686px"/>2000</text>
  <text x= "6"> <tspan dy="-0.686px"/>2002</text>
  <text x= "8"> <tspan dy="-0.686px"/>2004</text>
  <text x="10"> <tspan dy="-0.686px"/>2006</text>
  <text x="12"> <tspan dy="-0.686px"/>2008</text>
  <text x="14"> <tspan dy="-0.686px"/>2010</text>
  <text x="16"> <tspan dy="-0.686px"/>2012</text>
</g>

<!-- y axis text, modify each value -->
<g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-0.5, 0.2)">
  <text y= "-0"> <tspan dy="-0.56252px"/>0</text>
  <text y= "-2"> <tspan dy="-0.56252px"/>2000</text>
  <text y= "-4"> <tspan dy="-0.56252px"/>4000</text>
  <text y= "-6"> <tspan dy="-0.56252px"/>6000</text>
  <text y= "-8"> <tspan dy="-0.56252px"/>8000</text>
  <text y="-10"> <tspan dy="-0.56252px"/>10000</text>
  <text id="title-y" x="5.5" y="-1.9" transform="rotate(-90)" text-anchor="middle" > <tspan dy="-0.56252px"/>Peta-Joule</text></g>

<!-- y axis on right side, modify each value -->
<g id="axis2text-y" class="axistext-y" transform="translate(17.4, 0.3)"> <g text-anchor="start">
  <text y=   "-0"> <tspan dy="-0.686px"/>0</text>
  <text y= "-1.8"> <tspan dy="-0.686px"/>500</text>
  <text y= "-3.6"> <tspan dy="-0.686px"/>1000</text>
  <text y= "-5.4"> <tspan dy="-0.686px"/>1500</text>
  <text y= "-7.2"> <tspan dy="-0.686px"/>2000</text>
  <text y=   "-9"> <tspan dy="-0.686px"/>2500</text>
  <text y="-10.8"> <tspan dy="-0.686px"/>3000</text>
  <text id="title-y2" x="5.5" y="2.3" transform="rotate(-90)" text-anchor="middle" > <tspan dy="-0.686px"/>TWh</text>
</g></g>

<defs>
<!--====== graph data with origin values, you can manually copy or attach the values here ======-->
<!-- modify displacement "translate" -->
<g id="graphsfill">
  <!-- graph 7 -->
  <polyline id="graph7-fill" stroke="none" points="
    1996 0
    1996 9.7742
    2008 9.0978
    2009 8.6917
    2010 9.3099
    2011 8.7444
    2011 0
  "/>
  <!-- graph 6 -->
  <polyline id="graph6-fill" stroke="none" points="
    1996 0
    1996 9.7742
    2008 8.7394
    2009 8.3039
    2010 8.8126
    2011 8.2717
    2011 0
  "/>
  <!-- graph 5 -->
  <polyline id="graph5-fill" stroke="none" points="
    1996 0
    1996 5.9847
    2008 5.9816
    2009 5.7443
    2010 6.0575
    2011 6.0653
    2011 0
  "/>
  <!-- graph 4 -->
  <polyline id="graph4-fill" stroke="none" points="
    1996 0
    1996 4.364
    2008 4.4912
    2009 4.3499
    2010 4.5069
    2011 4.5058
    2011 0
  "/>
  <!-- graph 3 -->
  <polyline id="graph3-fill" stroke="none" points="
    1996 0
    1996 3.2884
    2008 3.0817
    2009 3.0311
    2010 3.0632
    2011 3.0603
    2011 0
  "/>
  <!-- graph 2 -->
  <polyline id="graph2-fill" stroke="none" points="
    1996 0
    1996 2.7022
    2008 2.6066
    2009 2.5697
    2010 2.6074
    2011 2.6174
    2011 0
  "/>
  <!-- Sonstige -->
  <polyline id="graph1-fill" stroke="none" points="
    1996 0
    1996 0.1436
    2008 0.0974
    2009 0.0893
    2010 0.1082
    2011 0.1059
    2011 0
  "/>
</g>
<g id="graphs">
  <!-- graph 7 -->
  <polyline id="graph7-line" fill="none" points="
    1996 9.7742
    2008 9.0978
    2009 8.6917
    2010 9.3099
    2011 8.7444
  "/>
  <!-- graph 6 -->
  <polyline id="graph6-line" fill="none" points="
    1996 9.7742
    2008 8.7394
    2009 8.3039
    2010 8.8126
    2011 8.2717
  "/>
  <!-- graph 5 -->
  <polyline id="graph5-line" fill="none" points="
    1996 5.9847
    2008 5.9816
    2009 5.7443
    2010 6.0575
    2011 6.0653
  "/>
  <!-- graph 4 -->
  <polyline id="graph4-line" fill="none" points="
    1996 4.364
    2008 4.4912
    2009 4.3499
    2010 4.5069
    2011 4.5058
  "/>
  <!-- graph 3 -->
  <polyline id="graph3-line" fill="none" points="
    1996 3.2884
    2008 3.0817
    2009 3.0311
    2010 3.0632
    2011 3.0603
  "/>
  <!-- graph 2 -->
  <polyline id="graph2-line" fill="none" points="
    1996 2.7022
    2008 2.6066
    2009 2.5697
    2010 2.6074
    2011 2.6174
  "/>
</g>
<g id="graph1">
  <!-- Sonstige -->
  <polyline id="graph1-line" stroke-width="0.119" fill="none" points="
    1996 0.1436
    2008 0.0974
    2009 0.0893
    2010 0.1082
    2011 0.1059
  "/>
</g>
</defs>
 
<g class="graphgeneralstretch" transform="scale(1, -1) translate(-1996, -0)">
  <!-- graphfill 7 -->
  <use id="graphfilluse7" transform="translate(0, 0)" fill="#35DD35" xlink:href="#graph7-fill"/>
  <!-- graphfill 6 -->
  <use id="graphfilluse6" transform="translate(0, 0)" fill="#FBFC7C" xlink:href="#graph6-fill"/>
  <!-- graphfill 5 -->
  <use id="graphfilluse5" transform="translate(0, 0)" fill="#FFA500" xlink:href="#graph5-fill"/>
  <!-- graphfill 4 -->
  <use id="graphfilluse4" transform="translate(0, 0)" fill="#61ABFF" xlink:href="#graph4-fill"/>
  <!-- graphfill 3 -->
  <use id="graphfilluse3" transform="translate(0, 0)" fill="#C0FFFF" xlink:href="#graph3-fill"/>
  <!-- graphfill 2 -->
  <use id="graphfilluse2" transform="translate(0, 0)" fill="#FF4343" xlink:href="#graph2-fill"/>
  <!-- graphfill 1 -->
  <use id="graphfilluse1" transform="translate(0, 0)" fill="#555555" xlink:href="#graph1-fill"/>
</g>
 
<g class="graphgeneralstretch" transform="scale(1, -1) translate(-1996, -0)">
  <!-- graph 7 -->
  <use id="graphuse7-1-line" transform="translate(0, 0)" class="graph7line" xlink:href="#graph7-line"/>
  <!-- graph 6 -->
  <use id="graphuse6-1-line" transform="translate(0, 0)" class="graph6line" xlink:href="#graph6-line"/>
  <!-- graph 5 -->
  <use id="graphuse5-1-line" transform="translate(0, 0)" class="graph5line" xlink:href="#graph5-line"/>
  <!-- graph 4 -->
  <use id="graphuse4-1-line" transform="translate(0, 0)" class="graph4line" xlink:href="#graph4-line"/>
  <!-- graph 3 -->
  <use id="graphuse3-1-line" transform="translate(0, 0)" class="graph3line" xlink:href="#graph3-line"/>
  <!-- graph 2 -->
  <use id="graphuse2-1-line" transform="translate(0, 0)" class="graph2line" xlink:href="#graph2-line"/>
  <!-- graph 1 -->
  <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="-0.3" y="-0.18" width="17" height="0.18" fill="url(#x-axismark-second)"/>
  <rect id="x-axismark" x="-0.3" y="-0.3" width="17.3" height="0.3" fill="url(#x-axismark-main)"/>
  <line id="x-axis" x1="0" y1="0" x2="17" y2="0" class="axisline"/>

  <!-- y axis, modify "height" -->
  <rect id="y-axismark" x="-0.3" y="-0.3" width="0.3" height="13" fill="url(#y-axismark-main)"/>
  <line id="y-axis" x1="0" y1="0" x2="0" y2="11" class="axisline"/>

  <!-- 2nd y-axis on right side -->
  <rect id="y-axis2mark" x="17" y="-0.3" width="0.3" height="13" fill="url(#y-axis2mark-main)"/>
  <line id="y-axis2" x1="17" y1="0" x2="17" y2="11" class="axisline"/>
</g>

<!-- chart text -->
<g id="charttext" class="charttext">
  <text x="8" y="-1"> <tspan dy="-0.686px"/>Verkehr</text>
  <text x="5" y="-2.7"> <tspan dy="-0.686px"/>Elektroenergie, sonstige</text>
  <text x="8" y="-3.6"> <tspan dy="-0.686px"/>Elektroenergie für Prozesse</text>
  <text x="8" y="-5"> <tspan dy="-0.686px"/>Prozesswärme</text>
  <text x="8" y="-7.3"> <tspan dy="-0.686px"/>Heizen</text>
  <text x="12" y="-9.4"> <tspan dy="-0.686px"/>Heizen mit Erneuerbaren</text>
</g>

</svg>