File talk:Electricity production in France en.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 with Toolforge tool SVGCheck (upload file temporarily), in W3Schools Tryit Editor (insert source code) or in Commons with File:Test.svg (upload as new file revision).
<?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="-19.38,-61.7,124.48,80.1" width="750" height="480" font-family="Helvetica, Arial, Liberation Sans" > <!-- also a workaround for librsvg: a <rect> must be placed somewhere before text for a good display of text --> <rect id="imagebackground" x="-19.38" y="-61.7" width="124.48" height="80.1" stroke-width="0.1" stroke="none" fill="white"/> <title>Electricity Production in France</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: 0.57; fill: none; stroke-linejoin: round; stroke-linecap: round; } .graphgeneralstretch { /*-- general look of graphs and markers on a stretched chart --*/ stroke-width: 0.19; fill: none; stroke-linejoin: round; stroke-linecap: round; }
.graph1lineblank { /*-- look of graph 1 --*/ stroke: #FF0000; } .graph1line { stroke: #FF0000; }
.graph2lineblank { /*-- look of graph 2 --*/ stroke: #FF8000; } .graph2line { stroke: #FF8000; }
.graph3lineblank { /*-- look of graph 3 --*/ stroke: #0404F3; } .graph3line { stroke: #0404F3; }
.graph4lineblank { /*-- look of graph 4 --*/ stroke: #27EC12; } .graph4line { stroke: #27EC12; }
.graph5lineblank { /*-- look of graph 5 --*/ stroke: #F3F300; } .graph5line { stroke: #F3F300; }
.graph6lineblank { /*-- look of graph 6 --*/ stroke: #999900; } .graph6line { stroke: #999900; }
.graph7lineblank { /*-- look of graph 7 --*/ stroke: rgb(00%, 00%, 30%); } .graph7line { stroke: rgb(00%, 00%, 30%); }
.graph8lineblank { /*-- look of graph 8 --*/ stroke: rgb(00%, 30%, 00%); } .graph8line { stroke: rgb(00%, 30%, 00%); } .axisline { stroke: black; stroke-width: 0.36; stroke-linecap: round; } .titletext { font-size: 6.732px; } .axistext-x { font-size: 6.12px; } .axistext-x-number { font-size: 6.12px; } .axistext-y { font-size: 6.12px; } .axismark-main { stroke: black; stroke-width: 0.25; } .axismark-second { stroke: black; stroke-width: 0.25; } .legendtext { font-size: 3.672px; text-anchor: start; }
.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="30" 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="3" 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="100" width="30" patternUnits="userSpaceOnUse"> <line x1="0" x2="0" y1="0" y2="100" class="gridline"/> </pattern>
<!-- y-axis gridline horizontal, modify "height" --> <pattern id="y-gridline" width="68" height="10" patternUnits="userSpaceOnUse"> <line x1="0" x2="68" 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="104" height="50" fill="url(#x-gridline)"/>
<rect id="y-gridline-area" x="0" y="0.3" width="102" height="51" fill="url(#y-gridline)"/> <!-- x axis, modify "x2" and "width" -->
<rect id="x-axismark2" x="-0.5" y="-1" width="102" height="0.95" fill="url(#x-axismark-second)"/> <rect id="x-axismark" x="-0.5" y="-1.8" width="104" height="1.75" fill="url(#x-axismark-main)"/> <line id="x-axis" x1="0" y1="0" x2="102" y2="0" class="axisline"/> <!-- y axis, modify "height" --> <rect id="y-axismark" x="-1.75" y="-0.5" width="1.75" height="51" fill="url(#y-axismark-main)"/> <line id="y-axis" x1="0" y1="0" x2="0" y2="50" class="axisline"/> </g> <!-- x axis text, modify each value --> <g id="axistext-x" class="axistext-x-number" transform="translate(0, 8)" text-anchor="middle"> <text x= "0">1980</text> <text x= "30">1990</text> <text x= "60">2000</text> <text x= "90">2010</text> <text id="title-x" class="axistext-x" x="51" y="8" >Year</text> </g> <!-- y axis text, modify each value --> <g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-3.1, 1.5)"> <text y= "-0">0</text> <text y= "-10">100</text> <text y= "-20">200</text> <text y= "-30">300</text> <text y= "-40">400</text> <text y= "-50">500</text> <text id="title-y" x="25" y="-11.1" transform="rotate(-90)" text-anchor="middle" >TWh</text> </g>
<!-- legend --> <g id="legend" class="legendtext" transform="translate(61.2, -37.5)">
<g id="legend-background" class="axismark-main"> <rect x="0" y="0" fill="white" stroke="yes" width="31.4" height="26.1"/> </g>
<g class="graphgeneral"><g class="graph1line"> <polyline id="legend-line1" points="2.04 2.83 7.14 2.83" marker-start="none" marker-end="none"/> </g></g> <text id="legend-text1" x="9.2" y="3.92"> <tspan dy="-0.422px"/>Fossil Fuels</text>
<g class="graphgeneral"><g class="graph2line"> <polyline id="legend-line2" points="2.04 6.87 7.14 6.87" marker-start="none" marker-end="none"/> </g></g> <text id="legend-text2" x="9.2" y="7.96"> <tspan dy="-0.422px"/>Nuclear</text>
<g class="graphgeneral"><g class="graph3line"> <polyline id="legend-line3" points="2.04 10.91 7.14 10.91" marker-start="none" marker-end="none"/> </g></g> <text id="legend-text3" x="9.2" y="12"> <tspan dy="-0.422px"/>Hydroelectric</text>
<g class="graphgeneral"><g class="graph4line"> <polyline id="legend-line4" points="2.04 14.95 7.14 14.95" marker-start="none" marker-end="none"/> </g></g> <text id="legend-text4" x="9.2" y="16.04"> <tspan dy="-0.422px"/>Wind</text>
<g class="graphgeneral"><g class="graph5line"> <polyline id="legend-line5" points="2.04 18.98 7.14 18.98" marker-start="none" marker-end="none"/> </g></g> <text id="legend-text5" x="9.2" y="20.07"> <tspan dy="-0.422px"/>Solar</text>
<g class="graphgeneral"><g class="graph6line"> <polyline id="legend-line6" points="2.04 23.02 7.14 23.02" marker-start="none" marker-end="none"/> </g></g> <text id="legend-text6" x="9.2" y="24.11"> <tspan dy="-0.422px"/>Other</text> </g> <!-- additional text --> <text id="title" class="titletext" text-anchor="middle" x="51" y="-53.5">Electricity Production in France</text> <!--====== graph data with origin values, you can manually copy or attach the values here ======--> <!-- modify displacement "translate" --> <defs> <g id="graphs">
<!-- Other -->
<polyline id="graph6" points=" 1980 0.1122 1981 0.1228 1982 0.1644 1983 0.1256 1984 0.1455 1985 0.1322 1986 0.1403 1987 0.1418 1988 0.1388 1989 0.2039 1990 0.2203 1991 0.2397 1992 0.2436 1993 0.2295 1994 0.2488 1995 0.2761 1996 0.2946 1997 0.3287 1998 0.3292 1999 0.3740 2000 0.4134 2001 0.4859 2002 0.5116 2003 0.5413 2004 0.5547 2005 0.5551 2006 0.5470 2007 0.6054 2008 0.6300 2009 0.6523 2010 0.7340 2011 0.7638 2012 0.8164 "/>
<!-- Solar -->
<polyline id="graph5" points=" 1991 0.0000 1992 0.0001 1993 0.0001 1994 0.0001 1995 0.0001 1996 0.0001 1997 0.0002 1998 0.0002 1999 0.0002 2000 0.0005 2001 0.0006 2002 0.0007 2003 0.0007 2004 0.0009 2005 0.0010 2006 0.0013 2007 0.0018 2008 0.0042 2009 0.0171 2010 0.0564 2011 0.2015 2012 0.4000 "/>
<!-- Wind -->
<polyline id="graph4" points=" 1992 0.0000 1993 0.0002 1994 0.0005 1995 0.0005 1996 0.0007 1997 0.0011 1998 0.0020 1999 0.0037 2000 0.0077 2001 0.0131 2002 0.0266 2003 0.0388 2004 0.0594 2005 0.0962 2006 0.2182 2007 0.4060 2008 0.5689 2009 0.7911 2010 0.9969 2011 1.2235 2012 1.4900 "/>
<!-- Hydroelectric -->
<polyline id="graph3" points=" 1980 6.8253 1981 7.0358 1982 6.8600 1983 6.7515 1984 6.4010 1985 6.0248 1986 6.0953 1987 6.8623 1988 7.3952 1989 4.5744 1990 5.2796 1991 5.6277 1992 6.8313 1993 6.4300 1994 7.8057 1995 7.2196 1996 6.4430 1997 6.3151 1998 6.1479 1999 7.1832 2000 6.6466 2001 7.3888 2002 5.9992 2003 5.8567 2004 5.9276 2005 5.1230 2006 5.5599 2007 5.7347 2008 6.2969 2009 5.6631 2010 6.1702 2011 4.4371 2012 5.5855 "/>
<!-- Nuclear -->
<polyline id="graph2" points=" 1980 6.3424 1981 9.9235 1982 10.2627 1983 13.5988 1984 18.0470 1985 21.1192 1986 23.9558 1987 24.9265 1988 26.0287 1989 28.8715 1990 29.8377 1991 31.4773 1992 32.1523 1993 34.9779 1994 34.1982 1995 35.8370 1996 37.7473 1997 37.5709 1998 36.8591 1999 37.4532 2000 39.4404 2001 40.0018 2002 41.4922 2003 41.9017 2004 42.5829 2005 43.1180 2006 42.9820 2007 42.0129 2008 41.9800 2009 39.1753 2010 41.0086 2011 42.3509 2012 40.7438 "/> </g> <g id="graph1"> <!-- Fossil Fuels --> <polyline id="graph1-line" stroke-width="0.19" points=" 1980 11.7986 1981 9.1393 1982 9.1954 1983 7.5848 1984 6.0961 1985 5.2251 1986 4.0547 1987 3.7363 1988 3.5742 1989 4.8492 1990 4.4291 1991 5.6721 1992 4.7222 1993 3.2276 1994 3.1382 1995 3.5791 1996 4.0343 1997 3.6181 1998 5.0702 1999 4.6275 2000 4.6567 2001 4.2305 2002 4.8059 2003 5.2386 2004 5.1523 2005 5.7997 2006 5.1979 2007 5.2966 2008 5.0925 2009 4.6383 2010 5.2300 2011 4.4654 2012 4.3558 "/> </g> </defs> <g class="graphgeneralstretch" transform="scale(3, -1) translate(-1980, -0)">
<!-- graph 6 --> <use id="graphuse6p2" transform="translate(0, 0.186)" class="graph6lineblank" xlink:href="#graph6"/> <use id="graphuse6m2" transform="translate(0, -0.186)" class="graph6lineblank" xlink:href="#graph6"/> <use id="graphuse6p3" transform="translate(0, 0)" class="graph6lineblank" xlink:href="#graph6"/> <use id="graphuse6m3" transform="translate(0, -0)" class="graph6lineblank" xlink:href="#graph6"/> <use id="graphuse6-1" transform="translate(0, 0)" class="graph6line" xlink:href="#graph6"/>
<!-- graph 5 --> <use id="graphuse5p2" transform="translate(0, 0.186)" class="graph5lineblank" xlink:href="#graph5"/> <use id="graphuse5m2" transform="translate(0, -0.186)" class="graph5lineblank" xlink:href="#graph5"/> <use id="graphuse5p3" transform="translate(0, 0)" class="graph5lineblank" xlink:href="#graph5"/> <use id="graphuse5m3" transform="translate(0, -0)" class="graph5lineblank" xlink:href="#graph5"/> <use id="graphuse5-1" transform="translate(0, 0)" class="graph5line" xlink:href="#graph5"/>
<!-- graph 4 --> <use id="graphuse4p2" transform="translate(0, 0.186)" class="graph4lineblank" xlink:href="#graph4"/> <use id="graphuse4m2" transform="translate(0, -0.186)" class="graph4lineblank" xlink:href="#graph4"/> <use id="graphuse4p3" transform="translate(0, 0)" class="graph4lineblank" xlink:href="#graph4"/> <use id="graphuse4m3" transform="translate(0, -0)" class="graph4lineblank" xlink:href="#graph4"/> <use id="graphuse4-1" transform="translate(0, 0)" class="graph4line" xlink:href="#graph4"/>
<!-- graph 3 --> <use id="graphuse3p2" transform="translate(0, 0.186)" class="graph3lineblank" xlink:href="#graph3"/> <use id="graphuse3m2" transform="translate(0, -0.186)" class="graph3lineblank" xlink:href="#graph3"/> <use id="graphuse3p3" transform="translate(0, 0)" class="graph3lineblank" xlink:href="#graph3"/> <use id="graphuse3m3" transform="translate(0, -0)" class="graph3lineblank" xlink:href="#graph3"/> <use id="graphuse3-1" transform="translate(0, 0)" class="graph3line" xlink:href="#graph3"/>
<!-- graph 2 --> <use id="graphuse2p2" transform="translate(0, 0.186)" class="graph2lineblank" xlink:href="#graph2"/> <use id="graphuse2m2" transform="translate(0, -0.186)" class="graph2lineblank" xlink:href="#graph2"/> <use id="graphuse2p3" transform="translate(0, 0)" class="graph2lineblank" xlink:href="#graph2"/> <use id="graphuse2m3" transform="translate(0, -0)" class="graph2lineblank" xlink:href="#graph2"/> <use id="graphuse2-1" transform="translate(0, 0)" class="graph2line" xlink:href="#graph2"/>
<!-- graph 1 --> <use id="graphuse1p2" transform="translate(0, 0.186)" class="graph1lineblank" xlink:href="#graph1"/> <use id="graphuse1m2" transform="translate(0, -0.186)" class="graph1lineblank" xlink:href="#graph1"/> <use id="graphuse1p3" transform="translate(0, 0)" class="graph1lineblank" xlink:href="#graph1"/> <use id="graphuse1m3" transform="translate(0, -0)" class="graph1lineblank" xlink:href="#graph1"/> <use id="graphuse1-1" transform="translate(0, 0)" class="graph1line" xlink:href="#graph1"/> </g> </svg>