File talk:Global shark catch.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="-20.995,-81.8,134.795,99.7"
width="750" height="550"
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="-20.995" y="-81.8" width="134.8" height="99.7" stroke-width="0.11" stroke="none" fill="white"/>
<title>Global Shark Catch</title>
<desc>
This svg graphic is to edit with an text editor.
Please do not overwrite this file by saving with an image editor.
---------------- data from
http://www.fao.org/fishery/statistics/global-capture-production/query/en or
http://www.fao.org -> Themes -> Fisheries and Aquaculture -> Statistics -> Global Capture Production -> Dataset Global Capture Production (online query)
</desc>
<style id="styles" type="text/css"> <![CDATA[
.graphgeneral { /*-- general look of graphs and markers, e.g. in legend --*/
stroke-width: 0.77;
fill: none;
stroke-linejoin: round;
stroke-linecap: round;
}
.graphgeneralstretch { /*-- general look of graphs and markers on a stretched chart --*/
stroke-width: 0.46;
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: 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.39;
stroke-linecap: round;
}
.titletext {
font-size: 6.564px;
}
.axistext-x {
font-size: 5.967px;
}
.axistext-x-number {
font-size: 5.967px;
}
.axistext-y {
font-size: 5.967px;
}
.axismark-main {
stroke: black;
stroke-width: 0.27;
}
.axismark-second {
stroke: black;
stroke-width: 0.27;
}
.gridline {
stroke: black;
stroke-width: 0.19;
}
]]></style>
<defs>
<!--== axis dashes definitions ==-->
<!-- x-axis mark, modify "height" -->
<pattern id="x-axismark-main" x="0" width="17" height="2.4" patternUnits="userSpaceOnUse">
<line x1="0" y1="-1" x2="0" y2="2.4" class="axismark-main"/>
</pattern>
<!-- x-axis gridline vertical, modify "width" -->
<pattern id="x-gridline" height="140" width="17" patternUnits="userSpaceOnUse">
<line x1="0" x2="0" y1="0" y2="140" class="gridline"/>
</pattern>
<!-- y-axis gridline horizontal, modify "height" -->
<pattern id="y-gridline" width="130" height="10" patternUnits="userSpaceOnUse">
<line x1="0" x2="130" y1="0" y2="0" class="gridline"/>
</pattern>
<!-- y-axis mark, modify "width" -->
<pattern id="y-axismark-main" width="2.4" height="10" patternUnits="userSpaceOnUse">
<line x1="-1" y1="0" x2="2.4" y2="0" class="axismark-main"/>
</pattern>
<!-- y-axis2 mark, modify "width" -->
<pattern id="y-axis2mark-main" width="1.2" height="10" patternUnits="userSpaceOnUse">
<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="112.7" height="70" fill="url("#x-gridline")"/>
<rect id="y-gridline-area" x="0" y="0.3" width="110.5" height="71.4" fill="url("#y-gridline")"/>
<!-- x axis, modify "x2" and "width" -->
<rect id="x-axismark" x="-0.6" y="-2.1" width="112.7" height="2.1" fill="url("#x-axismark-main")"/>
<line id="x-axis" x1="0" y1="0" x2="111" y2="0" class="axisline"/>
<!-- y axis, modify "height" -->
<rect id="y-axismark" x="-2.1" y="-0.6" width="2.1" height="71" fill="url("#y-axismark-main")"/>
<line id="y-axis" x1="0" y1="0" x2="0" y2="70" class="axisline"/>
</g>
<!-- x axis text, modify each value -->
<g id="axistext-x" class="axistext-x-number" transform="translate(0, 7.8)" text-anchor="middle">
<text x= "0">1950</text>
<text x= "17">1960</text>
<text x= "34">1970</text>
<text x= "51">1980</text>
<text x= "68">1990</text>
<text x= "85">2000</text>
<text x="102">2010</text>
<text id="title-x" class="axistext-x" x="55.25" y="7.8" >Year</text>
</g>
<!-- y axis text, modify each value -->
<g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-3.3, 1.7)">
<text y= "-0">0</text>
<text y= "-10">100</text>
<text y= "-20">200</text>
<text y= "-30">300</text>
<text y= "-40">400</text>
<text y= "-50">500</text>
<text y= "-60">600</text>
<text y= "-70">700</text>
<text id="title-y" x="35" y="-16.3" transform="rotate(-90)" text-anchor="middle" >Quantity in 1000 t</text>
</g>
<!-- additional text -->
<text id="title" class="titletext" text-anchor="middle" x="55.3" y="-74.9">Global Shark Catch</text>
<!--====== 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.46" points="
1950 19.9945
1951 20.3086
1952 22.2875
1953 20.2157
1954 21.8486
1955 21.7384
1956 23.2857
1957 23.8149
1958 23.7576
1959 23.4683
1960 26.3909
1961 27.131
1962 27.1943
1963 28.3618
1964 27.4514
1965 28.2286
1966 31.3119
1967 33.0193
1968 34.362
1969 38.1856
1970 37.6461
1971 36.6559
1972 40.3674
1973 44.1322
1974 42.882
1975 43.7417
1976 41.276
1977 41.1951
1978 42.0624
1979 42.9797
1980 43.4472
1981 42.9994
1982 43.8713
1983 42.4886
1984 45.3117
1985 46.018
1986 44.7323
1987 46.4756
1988 48.2644
1989 47.3506
1990 49.3662
1991 49.4094
1992 53.7121
1993 56.192
1994 55.5165
1995 56.6621
1996 60.1812
1997 60.0373
1998 59.313
1999 59.5858
2000 62.1408
2001 59.6922
2002 59.8633
2003 60.0472
2004 56.2423
2005 52.2041
2006 50.8945
2007 54.4565
2008 50.0598
2009 50.37
2010 49.9881
2011 53.5763
"/>
</g>
</defs>
<g class="graphgeneralstretch" transform="scale(1.7, -1) translate(-1950, -0)">
<!-- graph 1 -->
<use id="graphuse1p2" transform="translate(0, 0.155)" class="graph1lineblank" xlink:href="#graph1"/>
<use id="graphuse1m2" transform="translate(0, -0.155)" class="graph1lineblank" xlink:href="#graph1"/>
<use id="graphuse1-1" transform="translate(0, 0)" class="graph1line" xlink:href="#graph1"/>
</g>
</svg>
