File talk:Energieverbrauch Deutschland.svg
Jump to navigation
Jump to search
Source
[edit]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>