File talk:Population Statistics Wolfsburg.svg
Jump to navigation
Jump to search
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 here or here.
<?xml version="1.0" encoding="UTF-8" ?>
<!-- Generator: wikimedia.svg.chart, 2013-11-01 -->
<!-- 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="-55.2, -148.4, 302.4, 167.6"
width="750" height="420"
font-family="Helvetica, Arial"
>
<desc>
This svg graphic is to edit with an text editor.
Please do not overwrite this file by saving with an image editor.
----------------
Population Statistics Wolfsburg
</desc>
<!-- also a workaround for librsvg: a <rect> must be placed somewhere before text for a good display of text -->
<rect id="imagebackground" x="-55.2" y="-148.4" width="302.4" height="167.6" stroke-width="0.24" stroke="none" fill="white"/>
<style id="styles" type="text/css"> <![CDATA[
.graphgeneral { /*-- general look of graphs and markers, e.g. in legend --*/
stroke-width: 1.68;
fill: none;
stroke-linejoin: round;
stroke-linecap: round;
}
.graphgeneralstretch { /*-- general look of graphs and markers on a stretched chart --*/
stroke-width: 0.56;
fill: none;
stroke-linejoin: round;
stroke-linecap: round;
}
.graph1lineblank { /*-- look of graph 1 --*/
stroke: #333333;
}
.graph1line {
stroke: #333333;
}
.axisline {
stroke: black;
stroke-width: 0.84;
stroke-linecap: round;
}
.axismark-main {
stroke: black;
stroke-width: 0.59;
}
.axismark-second {
stroke: black;
stroke-width: 0.59;
}
.gridline {
stroke: black;
stroke-width: 0.42;
}
.titletext {
font-size: 17.42px;
}
.axistext-x {
font-size: 11.52px;
}
.axistext-x-number {
font-size: 11.52px;
}
.axistext-y {
font-size: 11.52px;
}
]]></style>
<defs>
<!--== axis dashes definitions ==-->
<!-- x-axis gridline vertical, modify "width" -->
<pattern id="x-gridline" height="280" width="30" patternUnits="userSpaceOnUse">
<line x1="15" x2="15" y1="0" y2="280" class="gridline"/>
</pattern>
<!-- y-axis gridline horizontal, modify "height" -->
<pattern id="y-gridline" width="160" height="20" patternUnits="userSpaceOnUse">
<line x1="0" x2="160" y1="0" y2="0" class="gridline"/>
</pattern>
<!-- x-axis mark, modify "height" -->
<pattern id="x-axismark-main" x="15" width="30" height="5.28" patternUnits="userSpaceOnUse">
<line x1="0" y1="-1" x2="0" y2="5.28" class="axismark-main"/>
</pattern>
<!-- y-axis mark, modify "width" -->
<pattern id="y-axismark-main" y="0" width="5.28" height="20" patternUnits="userSpaceOnUse">
<line x1="-1" y1="0" x2="5.28" y2="0" class="axismark-main"/>
</pattern>
<!-- y-axis2 mark, modify "width" -->
<pattern id="y-axis2mark-main" y="0" width="5.28" height="10" patternUnits="userSpaceOnUse">
<line x1="-1" y1="0" x2="5.28" y2="0" class="axismark-main"/>
</pattern>
</defs>
<g transform="scale(1, -1)">
<!-- grids -->
<rect id="x-gridline-area" x="0.3" y="0" width="242.4" height="140" fill="url(#x-gridline)"/>
<rect id="y-gridline-area" x="0" y="0.3" width="240" height="141.4" fill="url(#y-gridline)"/>
</g>
<!-- x axis text, modify each value -->
<g id="axistext-x" class="axistext-x-number" transform="translate(0, 6.08)" text-anchor="middle">
<text x= "15">1940</text>
<text x= "45">1950</text>
<text x= "75">1960</text>
<text x="105">1970</text>
<text x="135">1980</text>
<text x="165">1990</text>
<text x="195">2000</text>
<text x="225">2010</text>
</g>
<!-- y axis text, modify each value -->
<g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-7.2, 2.9)">
<text y= "-0">0.000</text>
<text y= "-20">20.000</text>
<text y= "-40">40.000</text>
<text y= "-60">60.000</text>
<text y= "-80">80.000</text>
<text y="-100">100.000</text>
<text y="-120">120.000</text>
<text y="-140">140.000</text>
</g>
<defs>
<!--====== graph data with origin values, you can manually copy or attach the values here ======-->
<!-- modify displacement "translate" -->
<!-- graph 1 -->
<polyline id="graph1-fill" stroke="none" points="
1938.997 0
1938.997 1.144
1939.376 6.797
1940.997 14.494
1945.997 14.296
1946.825 18.924
1950.699 25.422
1956.731 45.384
1958.997 53.793
1961.43 64.562
1965.997 84.099
1970.403 88.655
1975.997 126.298
1980.997 125.935
1985.997 121.703
1987.398 124.896
1990.997 128.51
1995.997 126.331
2000.997 121.805
2005.997 121.199
2010.997 121.451
2011.997 120.889
2012.997 121.758
2012.997 0
"/>
</g>
<g id="graph1">
<!-- graph 1 -->
<polyline id="graph1-line" stroke-width="0.56" fill="none" points="
1938.997 1.144
1939.376 6.797
1940.997 14.494
1945.997 14.296
1946.825 18.924
1950.699 25.422
1956.731 45.384
1958.997 53.793
1961.43 64.562
1965.997 84.099
1970.403 88.655
1975.997 126.298
1980.997 125.935
1985.997 121.703
1987.398 124.896
1990.997 128.51
1995.997 126.331
2000.997 121.805
2005.997 121.199
2010.997 121.451
2011.997 120.889
2012.997 121.758
"/>
</g>
</defs>
<g class="graphgeneralstretch" transform="scale(3, -1) translate(-1935, -0)">
<!-- graphfill 1 -->
<use id="graphfilluse1" transform="translate(0, 0)" fill="#dddddd" xlink:href="#graph1-fill"/>
</g>
<g class="graphgeneralstretch" transform="scale(3, -1) translate(-1935, -0)">
<!-- graph 1 -->
<use id="graphuse1p2-line" transform="translate(0, 0.549)" class="graph1lineblank" xlink:href="#graph1-line"/>
<use id="graphuse1m2-line" transform="translate(0, -0.549)" class="graph1lineblank" xlink:href="#graph1-line"/>
<use id="graphuse1p3-line" transform="translate(0, 0)" class="graph1lineblank" xlink:href="#graph1-line"/>
<use id="graphuse1m3-line" transform="translate(0, 0)" class="graph1lineblank" xlink:href="#graph1-line"/>
<use id="graphuse1-1-line" transform="translate(0, 0)" class="graph1line" xlink:href="#graph1-line"/>
</g>
<!-- axes with marks -->
<g transform="scale(1, -1)">
<!-- x axis, modify "x2" and "width" -->
<rect id="x-axismark" x="0.6" y="-4.4" width="239.8" height="4.4" fill="url(#x-axismark-main)"/>
<line id="x-axis" x1="0" y1="0" x2="240" y2="0" class="axisline"/>
<!-- y axis, modify "height" -->
<rect id="y-axismark" x="-4.4" y="-4.4" width="4.4" height="142" fill="url(#y-axismark-main)"/>
<line id="y-axis" x1="0" y1="0" x2="0" y2="140" class="axisline"/>
</g>
</svg>
