User:Con-struct/Test1

From Wikimedia Commons, the free media repository
Jump to navigation Jump to search

 JTTSVG  You can check the SVG file here.

SVG Chart

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="-3990,-13735,35070,17515"      
  width="750" height="370"
  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="-3990" y="-13735" width="35070" height="17515" stroke-width="21" 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.
  ----------------&#13; Source of PREM: http://geophysics.ou.edu/solid_earth/prem.html
  Linear density: line with constant rise
  Source of constant density: cpoied from http://commons.wikimedia.org/wiki/File:EarthGravityPREM.jpg; the base source or calculation is not stated there
  Space: g1 * r1^2 = g0 * r0^2
</desc>

<style id="styles" type="text/css"> <![CDATA[
  .graphgeneral {         /*-- general look of graphs and markers, e.g. in legend --*/
    stroke-width:    147;
    fill:            none;
    stroke-linejoin: round;
    stroke-linecap:  round;
  }
  .graphgeneralstretch {  /*-- general look of graphs and markers on a stretched chart --*/ 
    stroke-width:    98;
    fill:            none;
    stroke-linejoin: round;
    stroke-linecap:  round;
  } 

  .graph1lineblank { /*-- look of graph 1 --*/
    stroke:          rgb(00%, 00%, 60%);
  }
  .graph1line {
    stroke:          rgb(00%, 00%, 60%); 
  }    

  .graph2lineblank { /*-- look of graph 2 --*/
    stroke:          lightgreen;
  }
  .graph2line {
    stroke:          lightgreen; 
  }    

  .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%); 
  }  

  .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:   74;
    stroke-linecap: round;
  }
  .titletext {
    font-size:    1386px;       
  }
  .axistext-x {
    font-size:    1260px;
  }
  .axistext-x-number {
    font-size:    1260px;
  }
  .axistext-y {
    font-size:    1260px;
  }
  .axismark-main {
    stroke:       black;
    stroke-width: 51;
  }
  .axismark-second {
    stroke:       black;
    stroke-width: 51;
  }  
  .legendtext {
    font-size:    1260px;
    text-anchor:  start;
  }   
]]></style>

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

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

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

<g transform="scale(1, -1)">  

  <!-- x axis, modify "x2" and "width" -->
  <rect id="x-axismark" x="-105" y="-367.5" width="21420" height="367.5" fill="url(#x-axismark-main)"/>
  <line id="x-axis" x1="0" y1="0" x2="21000" y2="0" class="axisline"/>

  <!-- y axis, modify "height" -->
  <rect id="y-axismark" x="-367.5" y="-105" width="367.5" height="13001" fill="url(#y-axismark-main)"/>
  <line id="y-axis" x1="0" y1="0" x2="0" y2="13000" class="axisline"/> 
</g>

<!-- x axis text, modify each value -->
<g id="axistext-x" class="axistext-x-number" transform="translate(0, 1638)" text-anchor="middle"> 
  <text x=    "0">0</text>
  <text id="title-x" class="axistext-x" x="10500" y="1638" >Earth Radii [1000 km]</text> 
</g>

<!-- y axis text, modify each value -->
<g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-630, 315)"> 
  <text y=    "-0">0</text>
  <text id="title-y" x="6500" y="-2290.9" transform="rotate(-90)" text-anchor="middle" >Acceleration [m/s<tspan dy="-1ex" font-size="70%">2</tspan><tspan dy="1ex" font-size="70%"> </tspan>]</text>
</g> 


<!-- legend -->
<g id="legend" class="legendtext" transform="translate(22050, -11700)">

  <g id="legend-background" class="axismark-main">
    <rect x="0" y="0" fill="white" width="8400" height="3402"/>
  </g>
  <g class="graphgeneral"><g class="graph1line">
    <polyline id="legend-line1" points="420 970.2 1470 970.2" marker-start="none" marker-end="none"/>
  </g></g>
  <text id="legend-text1" x="1890" y="1344.42">1st W </text> 
  <g class="graphgeneral"><g class="graph2line">
    <polyline id="legend-line2" points="420 2356.2 1470 2356.2" marker-start="none" marker-end="none"/>
  </g></g>
  <text id="legend-text2" x="1890" y="2730.42">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="98" points="  
    15 40    
    30 10
    45 35
    60 10
    75 40
  "/>
</g>
</defs>

<g class="graphgeneralstretch" transform="scale(1.5, -1) translate(-0, -0)"> 
  <!-- graph 2 --> 
  <use id="graphuse2p2" transform="translate(0, 24.01)" class="graph2lineblank" xlink:href="#graph2"/>  
  <use id="graphuse2m2" transform="translate(0, -24.01)" 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, 24.01)" class="graph1lineblank" xlink:href="#graph1"/>  
  <use id="graphuse1m2" transform="translate(0, -24.01)" class="graph1lineblank" xlink:href="#graph1"/> 
  <use id="graphuse1-1" transform="translate(0, 0)" class="graph1line" xlink:href="#graph1"/>
</g>
</svg>
Retrieved from "https://commons.wikimedia.org/w/index.php?title=User:Con-struct/Test1&oldid=100494294"