File talk:Germany demography.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="-26.0775,-98,202.1775,121.1"
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="-26.078" y="-98" width="202.18" height="121.1" stroke-width="0.17" 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 100. 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.12;
fill: none;
stroke-linejoin: round;
stroke-linecap: round;
}
.graphgeneralstretch { /*-- general look of graphs and markers on a stretched chart --*/
stroke-width: 0.08;
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.6;
stroke-linecap: round;
}
.titletext {
font-size: 8.465px;
}
.axistext-x {
font-size: 7.695px;
}
.axistext-x-number {
font-size: 7.695px;
}
.axistext-y {
font-size: 7.695px;
}
.axismark-main {
stroke: black;
stroke-width: 0.42;
}
.axismark-second {
stroke: black;
stroke-width: 0.42;
}
.graphmarker {
stroke-width: 0.6;
fill: white;
stroke-linejoin: round;
}
.gridline {
stroke: black;
stroke-width: 0.3;
}
]]></style>
<defs>
<!--== axis dashes definitions ==-->
<!-- x-axis mark, modify "height" -->
<pattern id="x-axismark-main" x="0" width="15" height="3.6" patternUnits="userSpaceOnUse">
<line x1="0" y1="-1" x2="0" y2="3.6" class="axismark-main"/>
</pattern>
<!-- x-axis 2nd mark, modify "width" and "x1"-->
<pattern id="x-axismark-second" x="0" width="3" height="3.6" patternUnits="userSpaceOnUse">
<line x1="0" y1="-1" x2="0" y2="3.6" class="axismark-second"/>
</pattern>
<!-- y-axis 2nd mark, modify "height" and "y1" -->
<pattern id="y-axismark-second" y="0" height="4.6" width="3.6" patternUnits="userSpaceOnUse">
<line y1="0" x1="-1" y2="0" x2="3.6" class="axismark-second"/>
</pattern>
<!-- x-axis gridline vertical, modify "width" -->
<pattern id="x-gridline" height="40" width="15" patternUnits="userSpaceOnUse">
<line x1="0" x2="0" y1="0" y2="40" class="gridline"/>
</pattern>
<!-- y-axis gridline horizontal, modify "height" -->
<pattern id="y-gridline" width="114" height="23" 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="3.6" height="23" patternUnits="userSpaceOnUse">
<line x1="-1" y1="0" x2="3.6" y2="0" class="axismark-main"/>
</pattern>
<!-- y-axis2 mark, modify "width" -->
<pattern id="y-axis2mark-main" width="1.8" 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.36,0.36)"><rect x="-0.18" y="-0.18" width="0.359" height="0.359" fill="x"/></g> <!-- regular square -->
<marker id="graph1marker" class="graph1marker" refX="0.36" refY="0.36" viewBox="0 0 0.72 0.72" markerUnits="userSpaceOnUse" markerWidth="0.72" markerHeight="0.72">
<use xlink:href="#graph1markershape"/>
</marker>
<marker id="graph1markerstretch" class="graph1marker" refX="0.36" refY="0.234" viewBox="0 0 0.72 0.72" markerUnits="userSpaceOnUse" markerWidth="0.72" markerHeight="0.72">
<use transform="scale(1, 0.652)" xlink:href="#graph1markershape"/>
</marker>
</g>
</defs>
<g transform="scale(1, -1)">
<rect id="x-gridline-area" x="0.3" y="0" width="174.4" height="92" fill="url("#x-gridline")"/>
<rect id="y-gridline-area" x="0" y="0.3" width="171" height="93.8" fill="url("#y-gridline")"/>
<!-- x axis, modify "x2" and "width" -->
<rect id="x-axismark2" x="-0.9" y="-1.7" width="171" height="1.71" fill="url("#x-axismark-second")"/>
<rect id="x-axismark" x="-0.9" y="-3.2" width="174.4" height="3.15" fill="url("#x-axismark-main")"/>
<line id="x-axis" x1="0" y1="0" x2="171" y2="0" class="axisline"/>
<!-- y axis, modify "height" -->
<rect id="y-axismark2" x="-1.71" y="-0.9" width="1.71" height="93" fill="url("#y-axismark-second")"/>
<rect id="y-axismark" x="-3.15" y="-0.9" width="3.15" height="93" fill="url("#y-axismark-main")"/>
<line id="y-axis" x1="0" y1="0" x2="0" y2="92" class="axisline"/>
</g>
<!-- x axis text, modify each value -->
<g id="axistext-x" class="axistext-x-number" transform="translate(0, 10)" text-anchor="middle">
<text x= "0">1960</text>
<text x= "15">1965</text>
<text x= "30">1970</text>
<text x= "45">1975</text>
<text x= "60">1980</text>
<text x= "75">1985</text>
<text x= "90">1990</text>
<text x="105">1995</text>
<text x="120">2000</text>
<text x="135">2005</text>
<text x="150">2010</text>
<text x="165">2015</text>
<text id="title-x" class="axistext-x" x="85.5" y="10" ></text>
</g>
<!-- y axis text, modify each value -->
<g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-5.1, 2.6)">
<text y= "-0">70</text>
<text y= "-23">75</text>
<text y= "-46">80</text>
<text y= "-69">85</text>
<text y= "-92">90</text>
<text id="title-y" x="46" y="-19.6" transform="rotate(-90)" text-anchor="middle" ></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.08" points="
1960 73.414427
1961 73.928048
1962 74.489142
1963 75.080047
1964 75.676011
1965 76.255926
1966 76.816337
1967 77.352662
1968 77.841435
1969 78.254626
1970 78.572984
1971 78.786608
1972 78.901707
1973 78.936165
1974 78.917220
1975 78.866498
1976 78.794496
1977 78.701801
1978 78.589311
1979 78.454848
1980 78.300650
1981 78.126104
1982 77.944848
1983 77.790080
1984 77.704336
1985 77.717431
1986 77.837500
1987 78.054086
1988 78.354017
1989 78.715610
1990 79.118326
1991 79.564454
1992 80.046157
1993 80.520088
1994 80.931041
1995 81.240604
1996 81.426337
1997 81.499866
1998 81.499232
1999 81.481612
2000 81.487757
2001 81.535848
2002 81.611868
2003 81.686495
2004 81.715659
2005 81.671234
2006 81.540353
2007 81.344457
2008 81.130944
2009 80.965612
2010 80.894785
2011 80.933980
2012 81.066228
2013 81.265139
2014 81.489660
2015 81.707789
2016 81.914672
2017 82.114224
"/>
</g>
</defs>
<g class="graphgeneralstretch" transform="scale(3, -4.6) translate(-1960, -70)">
<!-- graph 1 -->
<use id="graphuse1p2" transform="translate(0.02, 0)" class="graph1lineblank" xlink:href="#graph1"/>
<use id="graphuse1m2" transform="translate(-0.02, 0)" class="graph1lineblank" xlink:href="#graph1"/>
<use id="graphuse1-1" transform="translate(0, 0)" class="graph1line" xlink:href="#graph1"/>
</g>
</svg>
