File talk:Ecuador population.svg
Add topic
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 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="-8.6925,-32.8,67.3925,40.5"
width="750" height="450"
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="-8.693" y="-32.8" width="67.39" height="40.5" stroke-width="0.06" 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.
---------------- All values are scaled by 1000. 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.16;
fill: none;
stroke-linejoin: round;
stroke-linecap: round;
}
.graphgeneralstretch { /*-- general look of graphs and markers on a stretched chart --*/
stroke-width: 0.073;
fill: none;
stroke-linejoin: round;
stroke-linecap: round;
}
.graph1lineblank { /*-- look of graph 1 --*/
stroke: #FF00FF;
}
.graph1line {
stroke: #FF00FF;
marker-start:url("#graph1markerstretch"); marker-mid:url("#graph1markerstretch"); marker-end:url("#graph1markerstretch");
}
.graph1marker { /*-- look of marker 1 --*/
stroke: #FF00FF;
fill: #FF00FF;
}
.graph2lineblank { /*-- look of graph 2 --*/
stroke: rgb(75%, 10%, 10%);
}
.graph2line {
stroke: rgb(75%, 10%, 10%);
}
.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: 0.2;
stroke-linecap: round;
}
.titletext {
font-size: 2.822px;
}
.axistext-x {
font-size: 2.565px;
}
.axistext-x-number {
font-size: 2.565px;
}
.axistext-y {
font-size: 2.565px;
}
.axismark-main {
stroke: black;
stroke-width: 0.14;
}
.axismark-second {
stroke: black;
stroke-width: 0.14;
}
.graphmarker {
stroke-width: 0.2;
fill: white;
stroke-linejoin: round;
}
.gridline {
stroke: black;
stroke-width: 0.1;
}
]]></style>
<defs>
<!--== axis dashes definitions ==-->
<!-- x-axis mark, modify "height" -->
<pattern id="x-axismark-main" x="0" width="10" height="1.2" patternUnits="userSpaceOnUse">
<line x1="0" y1="-1" x2="0" y2="1.2" class="axismark-main"/>
</pattern>
<!-- x-axis 2nd mark, modify "width" and "x1"-->
<pattern id="x-axismark-second" x="0" width="1" height="1.2" patternUnits="userSpaceOnUse">
<line x1="0" y1="-1" x2="0" y2="1.2" class="axismark-second"/>
</pattern>
<!-- y-axis 2nd mark, modify "height" and "y1" -->
<pattern id="y-axismark-second" y="0" height="2.2" width="1.2" patternUnits="userSpaceOnUse">
<line y1="0" x1="-1" y2="0" x2="1.2" class="axismark-second"/>
</pattern>
<!-- x-axis gridline vertical, modify "width" -->
<pattern id="x-gridline" height="28" width="10" patternUnits="userSpaceOnUse">
<line x1="0" x2="0" y1="0" y2="28" class="gridline"/>
</pattern>
<!-- y-axis gridline horizontal, modify "height" -->
<pattern id="y-gridline" width="114" height="4.4" patternUnits="userSpaceOnUse">
<line x1="0" x2="114" y1="0" y2="0" class="gridline"/>
</pattern>
<!-- y-axis mark, modify "width" -->
<pattern id="y-axismark-main" width="1.2" height="4.4" patternUnits="userSpaceOnUse">
<line x1="-1" y1="0" x2="1.2" y2="0" class="axismark-main"/>
</pattern>
<!-- y-axis2 mark, modify "width" -->
<pattern id="y-axis2mark-main" width="0.6" 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.48,0.48)"><rect x="-0.239" y="-0.239" width="0.479" height="0.479" fill="x"/></g> <!-- regular square -->
<marker id="graph1marker" class="graph1marker" refX="0.48" refY="0.48" viewBox="0 0 0.96 0.96" markerUnits="userSpaceOnUse" markerWidth="0.96" markerHeight="0.96">
<use xlink:href="#graph1markershape"/>
</marker>
<marker id="graph1markerstretch" class="graph1marker" refX="0.48" refY="0.218" viewBox="0 0 0.96 0.96" markerUnits="userSpaceOnUse" markerWidth="0.96" markerHeight="0.96">
<use transform="scale(1, 0.455)" xlink:href="#graph1markershape"/>
</marker>
</g>
</defs>
<g transform="scale(1, -1)">
<rect id="x-gridline-area" x="0.3" y="0" width="58.1" height="30.8" fill="url("#x-gridline")"/>
<rect id="y-gridline-area" x="0" y="0.3" width="57" height="31.4" fill="url("#y-gridline")"/>
<!-- x axis, modify "x2" and "width" -->
<rect id="x-axismark2" x="-0.3" y="-0.6" width="57" height="0.57" fill="url("#x-axismark-second")"/>
<rect id="x-axismark" x="-0.3" y="-1.1" width="58.1" height="1.05" fill="url("#x-axismark-main")"/>
<line id="x-axis" x1="0" y1="0" x2="57" y2="0" class="axisline"/>
<!-- y axis, modify "height" -->
<rect id="y-axismark2" x="-0.57" y="-0.3" width="0.57" height="31.8" fill="url("#y-axismark-second")"/>
<rect id="y-axismark" x="-1.05" y="-0.3" width="1.05" height="31.8" fill="url("#y-axismark-main")"/>
<line id="y-axis" x1="0" y1="0" x2="0" y2="30.8" class="axisline"/>
</g>
<!-- x axis text, modify each value -->
<g id="axistext-x" class="axistext-x-number" transform="translate(0, 3.3)" text-anchor="middle">
<text x= "0"> <tspan dy="-0.395px"/>1960</text>
<text x= "10"> <tspan dy="-0.395px"/>1970</text>
<text x= "20"> <tspan dy="-0.395px"/>1980</text>
<text x= "30"> <tspan dy="-0.395px"/>1990</text>
<text x= "40"> <tspan dy="-0.395px"/>2000</text>
<text x= "50"> <tspan dy="-0.395px"/>2010</text>
<text id="title-x" class="axistext-x" x="28.5" y="3.3" > <tspan dy="-0.395px"/></text>
</g>
<!-- y axis text, modify each value -->
<g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-1.7, 0.9)">
<text y= "-0"> <tspan dy="-0.395px"/>4</text>
<text y="-4.4"> <tspan dy="-0.395px"/>6</text>
<text y="-8.8"> <tspan dy="-0.395px"/>8</text>
<text y="-13.2"> <tspan dy="-0.395px"/>10</text>
<text y="-17.6"> <tspan dy="-0.395px"/>12</text>
<text y="-22"> <tspan dy="-0.395px"/>14</text>
<text y="-26.4"> <tspan dy="-0.395px"/>16</text>
<text y="-30.8"> <tspan dy="-0.395px"/>18</text>
<text id="title-y" x="15.4" y="-4.7" transform="rotate(-90)" text-anchor="middle" > <tspan dy="-0.395px"/></text>
</g>
<!--====== graph data with origin values, you can manually copy or attach the values here ======-->
<!-- modify displacement "translate" -->
<defs>
<g id="graphs">
</g>
<g id="graph1">
<!-- graph 1 -->
<polyline id="graph1-line" stroke-width="0.073" points="
1960 4.545550
1961 4.676859
1962 4.812890
1963 4.953733
1964 5.099468
1965 5.250119
1966 5.405685
1967 5.566057
1968 5.730906
1969 5.899845
1970 6.072527
1971 6.248835
1972 6.428711
1973 6.611916
1974 6.798206
1975 6.987391
1976 7.179399
1977 7.374234
1978 7.571959
1979 7.772653
1980 7.976445
1981 8.183194
1982 8.392940
1983 8.606213
1984 8.823751
1985 9.045979
1986 9.272906
1987 9.504129
1988 9.739176
1989 9.977377
1990 10.218091
1991 10.460990
1992 10.705667
1993 10.951202
1994 11.196479
1995 11.440583
1996 11.683479
1997 11.924993
1998 12.163885
1999 12.398691
2000 12.628596
2001 12.852755
2002 13.072060
2003 13.289601
2004 13.509647
2005 13.735233
2006 13.967480
2007 14.205453
2008 14.447562
2009 14.691275
2010 14.934690
2011 15.177355
2012 15.419666
2013 15.661547
2014 15.903112
2015 16.144368
2016 16.385068
2017 16.624858
"/>
</g>
</defs>
<g class="graphgeneralstretch" transform="scale(1, -2.2) translate(-1960, -4)">
<!-- graph 1 -->
<use id="graphuse1p2" transform="translate(0.043, 0)" class="graph1lineblank" xlink:href="#graph1"/>
<use id="graphuse1m2" transform="translate(-0.043, 0)" class="graph1lineblank" xlink:href="#graph1"/>
<use id="graphuse1-1" transform="translate(0, 0)" class="graph1line" xlink:href="#graph1"/>
</g>
</svg>
