User talk:Jmdwp
Our first steps tour and our frequently asked questions will help you a lot after registration. They explain how to customize the interface (for example the language), how to upload files and our basic licensing policy (Wikimedia Commons only accepts free content). You don't need technical skills in order to contribute here. Be bold when contributing and assume good faith when interacting with others. This is a wiki. More information is available at the community portal. You may ask questions at the help desk, village pump or on IRC channel #wikimedia-commons (webchat). You can also contact an administrator on their talk page. If you have a specific copyright question, ask at the copyright village pump. |
|
Testing SVG chart for File:German_renewable_electricity_generation_percentage-2012.png
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="-6.27,-25.2,55.07,31.1" width="750" height="420" 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="-6.27" y="-25.2" width="55.07" height="31.1" stroke-width="0.03" stroke="none" fill="white"/> <title>plain text svg graphic</title> <desc> This svg graphic is to edit with an text editor. Please do not overwrite this file by saving with an image editor. ---------------- Penetration percentage of renewable wind and solar in 2012 based on IEA 07/2013 data [1] and Fraunhofer data [2] </desc> <style id="styles" type="text/css"> <![CDATA[ .graphgeneral { /*-- general look of graphs and markers, e.g. in legend --*/ stroke-width: 0.231; fill: none; stroke-linejoin: round; stroke-linecap: round; } .graphgeneralstretch { /*-- general look of graphs and markers on a stretched chart --*/ stroke-width: 0.116; fill: none; stroke-linejoin: round; stroke-linecap: round; }
.graph1lineblank { /*-- look of graph 1 --*/ stroke: rgb(00%, 00%, 60%); } .graph1line { stroke: rgb(00%, 00%, 60%);
marker-start:url(#graph1markerstretch); marker-mid:url(#graph1markerstretch); marker-end:url(#graph1markerstretch); }
.graph1marker { /*-- look of marker 1 --*/ stroke: rgb(00%, 00%, 60%); fill: rgb(00%, 00%, 60%); }
.graph2lineblank { /*-- look of graph 2 --*/ stroke: Yellow; } .graph2line { stroke: Yellow;
marker-start:url(#graph2markerstretch); marker-mid:url(#graph2markerstretch); marker-end:url(#graph2markerstretch); }
.graph2marker { /*-- look of marker 2 --*/ stroke: Yellow; fill: Yellow; }
.graph3lineblank { /*-- look of graph 3 --*/ stroke: rgb(00%, 60%, 00%); } .graph3line { stroke: rgb(00%, 60%, 00%);
marker-start:url(#graph3markerstretch); marker-mid:url(#graph3markerstretch); marker-end:url(#graph3markerstretch); }
.graph3marker { /*-- look of marker 3 --*/ stroke: rgb(00%, 60%, 00%); fill: 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%); }
.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.116; stroke-linecap: round; } .titletext { font-size: 2.178px; } .axistext-x { font-size: 1.98px; } .axistext-x-number { font-size: 1.98px; } .axistext-y { font-size: 1.98px; } .axismark-main { stroke: black; stroke-width: 0.081; } .axismark-second { stroke: black; stroke-width: 0.081; } .legendtext { font-size: 1.98px; text-anchor: start; }
.graphmarker { stroke-width: 0.116; fill: white; stroke-linejoin: round; } ]]></style> <defs> <!--== axis dashes definitions ==--> <!-- x-axis mark, modify "height" --> <pattern id="x-axismark-main" x="0" width="10" height="0.8" patternUnits="userSpaceOnUse"> <line x1="0" y1="-1" x2="0" y2="0.8" class="axismark-main"/> </pattern> <!-- y-axis mark, modify "width" --> <pattern id="y-axismark-main" width="0.8" height="10" patternUnits="userSpaceOnUse"> <line x1="-1" y1="0" x2="0.8" y2="0" class="axismark-main"/> </pattern> <!-- y-axis2 mark, modify "width" --> <pattern id="y-axis2mark-main" width="0.4" height="10" patternUnits="userSpaceOnUse"> <line x1="-1" y1="0" x2="11" y2="0" class="axismark-main"/> </pattern>
<!--== graph marker ==--> <g class="graphmarker">
<g id="graph1markershape" transform="translate(0.69,0.69)"><rect x="-0.347" y="-0.347" width="0.693" height="0.693" fill="x"/></g> <!-- regular square --> <marker id="graph1marker" class="graph1marker" refX="0.69" refY="0.69" viewBox="0 0 1.39 1.39" markerUnits="userSpaceOnUse" markerWidth="1.39" markerHeight="1.39"> <use xlink:href="#graph1markershape"/> </marker> <marker id="graph1markerstretch" class="graph1marker" refX="0.347" refY="0.69" viewBox="0 0 1.39 1.39" markerUnits="userSpaceOnUse" markerWidth="1.39" markerHeight="1.39"> <use transform="scale(0.5, 1)" xlink:href="#graph1markershape"/> </marker>
<g id="graph2markershape" transform="translate(0.69,0.69)"><circle cx="0" cy="0" r="0.42" fill="x"/></g> <!-- circle --> <marker id="graph2marker" class="graph2marker" refX="0.69" refY="0.69" viewBox="0 0 1.39 1.39" markerUnits="userSpaceOnUse" markerWidth="1.39" markerHeight="1.39"> <use xlink:href="#graph2markershape"/> </marker> <marker id="graph2markerstretch" class="graph2marker" refX="0.347" refY="0.69" viewBox="0 0 1.39 1.39" markerUnits="userSpaceOnUse" markerWidth="1.39" markerHeight="1.39"> <use transform="scale(0.5, 1)" xlink:href="#graph2markershape"/> </marker>
<g id="graph3markershape" transform="translate(0.69,0.69)"><polygon points="-0.42,-0.42 0.42,-0.42 0,0.42" fill="x"/></g> <!-- triangle --> <marker id="graph3marker" class="graph3marker" refX="0.69" refY="0.69" viewBox="0 0 1.39 1.39" markerUnits="userSpaceOnUse" markerWidth="1.39" markerHeight="1.39"> <use xlink:href="#graph3markershape"/> </marker> <marker id="graph3markerstretch" class="graph3marker" refX="0.347" refY="0.69" viewBox="0 0 1.39 1.39" markerUnits="userSpaceOnUse" markerWidth="1.39" markerHeight="1.39"> <use transform="scale(0.5, 1)" xlink:href="#graph3markershape"/> </marker> </g> </defs> <g transform="scale(1, -1)"> <!-- x axis, modify "x2" and "width" --> <rect id="x-axismark" x="-0.2" y="-0.7" width="33.7" height="0.7" fill="url(#x-axismark-main)"/> <line id="x-axis" x1="0" y1="0" x2="33" y2="0" class="axisline"/> <!-- y axis, modify "height" --> <rect id="y-axismark" x="-0.7" y="-0.2" width="0.7" height="25" fill="url(#y-axismark-main)"/> <line id="y-axis" x1="0" y1="0" x2="0" y2="24" class="axisline"/> </g> <!-- x axis text, modify each value --> <g id="axistext-x" class="axistext-x-number" transform="translate(0, 2.6)" text-anchor="middle"> <text x= "0"> <tspan dy="-0.89px"/>1</text> <text x= "3"> <tspan dy="-0.89px"/>2</text> <text x= "6"> <tspan dy="-0.89px"/>3</text> <text x= "9"> <tspan dy="-0.89px"/>4</text> <text x="12"> <tspan dy="-0.89px"/>5</text> <text x="15"> <tspan dy="-0.89px"/>6</text> <text x="18"> <tspan dy="-0.89px"/>7</text> <text x="21"> <tspan dy="-0.89px"/>8</text> <text x="24"> <tspan dy="-0.89px"/>9</text> <text x="27"> <tspan dy="-0.89px"/>10</text> <text x="30"> <tspan dy="-0.89px"/>11</text> <text x="33"> <tspan dy="-0.89px"/>12</text> <text x="36"> <tspan dy="-0.89px"/>13</text> <text x="39"> <tspan dy="-0.89px"/>14</text> <text x="42"> <tspan dy="-0.89px"/>15</text> <text x="45"> <tspan dy="-0.89px"/>16</text> <text x="48"> <tspan dy="-0.89px"/>17</text> <text x="51"> <tspan dy="-0.89px"/>18</text> <text x="54"> <tspan dy="-0.89px"/>19</text> <text x="57"> <tspan dy="-0.89px"/>20</text> <text id="title-x" class="axistext-x" x="16.5" y="2.6" > <tspan dy="-0.89px"/>month in 2012</text> </g> <!-- y axis text, modify each value --> <g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-1, 0.5)"> <text y= "-0"> <tspan dy="-0.89px"/>0</text> <text y= "-3"> <tspan dy="-0.89px"/>2</text> <text y= "-6"> <tspan dy="-0.89px"/>4</text> <text y= "-9"> <tspan dy="-0.89px"/>6</text> <text y="-12"> <tspan dy="-0.89px"/>8</text> <text y="-15"> <tspan dy="-0.89px"/>10</text> <text y="-18"> <tspan dy="-0.89px"/>12</text> <text y="-21"> <tspan dy="-0.89px"/>14</text> <text y="-24"> <tspan dy="-0.89px"/>16</text> <text y="-27"> <tspan dy="-0.89px"/>18</text> <text y="-30"> <tspan dy="-0.89px"/>20</text> <text y="-33"> <tspan dy="-0.89px"/>22</text> <text y="-36"> <tspan dy="-0.89px"/>24</text> <text y="-39"> <tspan dy="-0.89px"/>26</text> <text y="-42"> <tspan dy="-0.89px"/>28</text> <text y="-45"> <tspan dy="-0.89px"/>30</text> <text y="-48"> <tspan dy="-0.89px"/>32</text> <text y="-51"> <tspan dy="-0.89px"/>34</text> <text y="-54"> <tspan dy="-0.89px"/>36</text> <text y="-57"> <tspan dy="-0.89px"/>38</text> <text id="title-y" x="12" y="-3.6" transform="rotate(-90)" text-anchor="middle" > <tspan dy="-0.89px"/>% of all generation</text> </g>
<!-- legend --> <g id="legend" class="legendtext" transform="translate(34.7, -21.6)">
<g id="legend-background" class="axismark-main"> <rect x="0" y="0" fill="white" width="13.2" height="5.3"/> </g>
<g class="graphgeneral"><g class="graph1line"> <polyline id="legend-line1" points="0.66 1.52 2.31 1.52" marker-start="none" marker-end="none"/>
<path id="legend-marker1" transform="scale(1 -1)" stroke-width="0.00001" d="M 1.49 -1.52 h 0" marker-start="url(#graph1marker)" marker-end="none"/> </g></g> <text id="legend-text1" x="3" y="2.11"> <tspan dy="-0.89px"/>1st W </text>
<g class="graphgeneral"><g class="graph2line"> <polyline id="legend-line2" points="0.66 3.7 2.31 3.7" marker-start="none" marker-end="none"/>
<path id="legend-marker2" transform="scale(1 -1)" stroke-width="0.00001" d="M 1.49 -3.7 h 0" marker-start="url(#graph2marker)" marker-end="none"/> </g></g> <text id="legend-text2" x="3" y="4.29"> <tspan dy="-0.89px"/>2nd W </text> </g> <!--====== graph data with origin values, you can manually copy or attach the values here ======--> <!-- modify displacement "translate" --> <defs> <g id="graphs">
<!-- graph 2 -->
<polyline id="graph2" points=" 25 40 40 10 55 35 70 10 85 40 "/> </g> <g id="graph1"> <!-- graph 1 --> <polyline id="graph1-line" stroke-width="0.116" points=" 15 40 30 10 45 35 60 10 75 40 "/> </g> </defs> <g class="graphgeneralstretch" transform="scale(3, -1.5) translate(-1, -0)">
<!-- graph 2 --> <use id="graphuse2p2" transform="translate(0, 0.057)" class="graph2lineblank" xlink:href="#graph2"/> <use id="graphuse2m2" transform="translate(0, -0.057)" 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.057)" class="graph1lineblank" xlink:href="#graph1"/> <use id="graphuse1m2" transform="translate(0, -0.057)" class="graph1lineblank" xlink:href="#graph1"/> <use id="graphuse1-1" transform="translate(0, 0)" class="graph1line" xlink:href="#graph1"/> </g> </svg>
Start a discussion with Jmdwp
Talk pages are where people discuss how to make content on Wikimedia Commons the best that it can be. Start a new discussion to connect and collaborate with Jmdwp. What you say here will be public for others to see.