Uzanto:Con-struct/TestAutoSVG/Diagram

Mark and copy the following text. Paste it into a plain text file. The text file must have an svg extension, for example mygraphic.svg.

<?xml version="1.0" encoding="UTF-8" ?>
<!-- XMin: 0, XMax: -, YMin: 0, YMax: - -->
<!-- DiagramSize: 100, DiagramWidth: 100, DiagramHeight: 50, DiagramWidthRaw: 100, DiagramHeightRaw: 50, GeneralFontSize: 6 -->
<!-- ImageRight: , LegendType: -, LegendWidth: -, LegendX: -, YAxis2: , FontSize: - -->
<!--  -->
<!-- /Height: 76 -->
<!-- _Height: Uzanto:Con-struct/TestAutoSVG Height -->
<!-- /Bottom: 20 -->
<!-- _Bottom: Uzanto:Con-struct/TestAutoSVG Bottom -->
<!-- /Right:  -->
<!-- _Right: Uzanto:Con-struct/TestAutoSVG Right -->
<!-- _LineWidth: Uzanto:Con-struct/TestAutoSVG LineWidth --> 
<!-- Graph1Marker: , Graph2Marker: , Graph3Marker: , Graph4Marker:  -->
<!-- ifeq XMin: 1, ifeq XGrid: , if: ja -->
<!--  -->
<!--  -->
<!--  -->

<!-- Generator: commons.diagram, 2013-04-12 -->
<!-- modify viewBox (x,y,dx,dy) for position (x,y) and size (dx,dy) --> Uzanto:Con-struct/TestAutoSVG Debug

<svg id="head"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  version="1.1"     
  viewBox="-19,-56,,76"                                 
  width="750" height=""
  font-family="Helvetica, Arial"
>

<!-- also a workaround for librsvg: a <rect> must be placed somewhere before text for a good display of text -->
<rect id="imagebackground" x="-19" y="-56" width="" height="76" stroke-width="1" stroke="white" 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.
</desc>

<style id="styles" type="text/css"> <![CDATA[
  .graphgeneral {         /*-- general look of graphs and markers, e.g. in legend --*/
    stroke-width:    ;
    fill:            none;
    stroke-linejoin: round;
    stroke-linecap:  round;
  }
  .graphgeneralstretch {  /*-- general look of graphs and markers on a stretched diagram --*/ 
    stroke-width:    ;
    fill:            none;
    stroke-linejoin: round;
    stroke-linecap:  round;
  } Uzanto:Con-struct/TestAutoSVG GraphLineMarker   Uzanto:Con-struct/TestAutoSVG GraphLineMarker   Uzanto:Con-struct/TestAutoSVG GraphLineMarker Uzanto:Con-struct/TestAutoSVG GraphLineMarker Uzanto:Con-struct/TestAutoSVG GraphLineMarker Uzanto:Con-struct/TestAutoSVG GraphLineMarker
  .axisline {
    stroke:         black;
    stroke-width:   ;
    stroke-linecap: round;
  }
  .titletext {
    font-size:    px;
  }
  .axistext-x {
    font-size:    px;
  }
  .axistext-x-number {
    font-size:    px;
  }
  .axistext-y {
    font-size:    px;
  }
  .axismark-main {
    stroke:       black;
    stroke-width: ;
  }
  .axismark-second {
    stroke:       black;
    stroke-width: ;
  } 

  .legendtext {
    font-size:    px;
    text-anchor:  start;
  } 
  
  .gridline {
    stroke:       black;
    stroke-width: ;
  }  
]]></style>

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

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

  <!-- y-axis2 mark, modify "width" -->
  <pattern id="y-axis2mark-main" width="1" height="10" patternUnits="UzantoSpaceOnUse">
    <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="102" height="50" fill="url(#x-gridline)"/>

  <rect id="y-gridline-area" x="0" y="0.3" width="100" height="51" fill="url(#y-gridline)"/>

  <!-- x axis, modify "x2" and "width" -->
  <rect id="x-axismark" x="-0.5" y="-1.8" width="102" height="1.75" fill="url(#x-axismark-main)"/>
  <line id="x-axis" x1="0" y1="0" x2="100" 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, )" text-anchor="middle"> 
  <text x="0">0</text>
  <text x="10">10</text>
  <text x="20">20</text>
  <text x="30">30</text>
  <text x="40">40</text>
  <text x="50">50</text>
  <text x="60">60</text>
  <text x="70">70</text>
  <text x="80">80</text>
  <text x="90">90</text>
  <text x="100">100</text> 
  <text id="title-x" class="axistext-x" x="50" y="" >Uzanto:Con-struct/TestAutoSVG Text</text>              
</g>

<!-- y axis text, modify each value -->
<g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-3, 1.5)"> 
  <text y="-0">0</text>
  <text y="-10">10</text>
  <text y="-20">20</text>
  <text y="-30">30</text>
  <text y="-40">40</text>
  <text y="-50">50</text> 
  <text id="title-y" x="25" y="-" transform="rotate(-90)" text-anchor="middle" >Uzanto:Con-struct/TestAutoSVG Text</text>
</g> 


<!-- legend -->
<g id="legend" class="legendtext" transform="translate(, -45)">Uzanto:Con-struct/TestAutoSVG Legend
</g>  
 
<!--====== graph data with origin values, you can manually copy or attach the values here ======-->
<!-- modify displacement "translate" -->
<defs>
<g id="graphs">Uzanto:Con-struct/TestAutoSVG GraphLineUzanto:Con-struct/TestAutoSVG GraphLineUzanto:Con-struct/TestAutoSVG GraphLineUzanto:Con-struct/TestAutoSVG GraphLineUzanto:Con-struct/TestAutoSVG GraphLineUzanto:Con-struct/TestAutoSVG GraphLine
</g>
<g id="graph1">
  <!--  -->
  <polyline id="graph1-line" stroke-width="" points="  
    15 40    
    30 10
    45 35
    60 10
    75 40
  "/>
</g>
</defs> 
<g class="graphgeneralstretch" transform="scale(1, -1) translate(-0, -0)">  
  <!-- graph 2 -->Uzanto:Con-struct/TestAutoSVG GraphUseLines 
  <!-- graph 1 -->Uzanto:Con-struct/TestAutoSVG GraphUseLines
</g>
</svg>