File talk:Global total fish harvest.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="-68.2, -210.9, 387.5, 233.2"
width="750" height="450"
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.
----------------
Fish harvest
Source: hhttp://faostat.fao.org/site/629/default.aspx FishStat database
</desc>
<!-- also a workaround for librsvg: a <rect> must be placed somewhere before text for a good display of text -->
<rect id="imagebackground" x="-68.2" y="-210.9" width="387.5" height="233.2" stroke-width="0.31" stroke="none" fill="white"/>
<style id="styles" type="text/css"> <![CDATA[
.graphgeneral { /*-- general look of graphs and markers, e.g. in legend --*/
stroke-width: 0.87;
fill: none;
stroke-linejoin: round;
stroke-linecap: round;
}
.graphgeneralstretch { /*-- general look of graphs and markers on a stretched chart --*/
stroke-width: 0.17;
fill: none;
stroke-linejoin: round;
stroke-linecap: round;
}
.graph1lineblank { /*-- look of graph 1 --*/
stroke: none;
}
.graph1line {
stroke: none;
marker-start:url(#graph1markerstretch); marker-mid:url(#graph1markerstretch); marker-end:url(#graph1markerstretch);
}
.graph1marker { /*-- look of marker 1 --*/
stroke: rgb(97, 135, 181);
fill: rgb(97, 135, 181);
}
.graph2lineblank { /*-- look of graph 2 --*/
stroke: none;
}
.graph2line {
stroke: none;
marker-start:url(#graph2markerstretch); marker-mid:url(#graph2markerstretch); marker-end:url(#graph2markerstretch);
}
.graph2marker { /*-- look of marker 2 --*/
stroke: rgb(113, 168, 92);
fill: rgb(113, 168, 92);
}
.graph3lineblank { /*-- look of graph 3 --*/
stroke: #CCCCCC;
}
.graph3line {
stroke: #CCCCCC;
}
.graph4lineblank { /*-- look of graph 4 --*/
stroke: #555555;
}
.graph4line {
stroke: #555555;
}
.axisline {
stroke: black;
stroke-width: 1.09;
stroke-linecap: round;
}
.axismark-main {
stroke: black;
stroke-width: 0.76;
}
.axismark-second {
stroke: black;
stroke-width: 0.76;
}
.graphmarker {
stroke-width: 1.09;
fill: white;
stroke-linejoin: round;
}
.gridline {
stroke: black;
stroke-width: 0.54;
}
.titletext {
font-size: 14.4px;
}
.axistext-x {
font-size: 11.9px;
}
.axistext-x-number {
font-size: 11.9px;
}
.axistext-y {
font-size: 11.9px;
}
.legendtext {
font-size: 11.9px;
text-anchor: start;
}
]]></style>
<defs>
<!--== axis dashes definitions ==-->
<!-- x-axis gridline vertical, modify "width" -->
<pattern id="x-gridline" height="400" width="50" patternUnits="userSpaceOnUse">
<line x1="0" x2="0" y1="0" y2="400" class="gridline"/>
</pattern>
<!-- y-axis gridline horizontal, modify "height" -->
<pattern id="y-gridline" width="124" height="50" patternUnits="userSpaceOnUse">
<line x1="0" x2="124" y1="0" y2="0" class="gridline"/>
</pattern>
<!-- x-axis mark, modify "height" -->
<pattern id="x-axismark-main" x="0" width="50" height="6.84" patternUnits="userSpaceOnUse">
<line x1="0" y1="-1" x2="0" y2="6.84" class="axismark-main"/>
</pattern>
<!-- x-axis 2nd mark, modify "width" and "x1" -->
<pattern id="x-axismark-second" x="0" width="25" height="6.84" patternUnits="userSpaceOnUse">
<line x1="0" y1="-1" x2="0" y2="6.84" class="axismark-second"/>
</pattern>
<!-- y-axis mark, modify "width" -->
<pattern id="y-axismark-main" y="0" width="6.84" height="50" patternUnits="userSpaceOnUse">
<line x1="-1" y1="0" x2="6.84" y2="0" class="axismark-main"/>
</pattern>
<!-- y-axis 2nd mark, modify "height" and "y1" -->
<pattern id="y-axismark-second" y="0" width="6.84" height="25" patternUnits="userSpaceOnUse">
<line x1="-1" y1="0" x2="6.84" y2="0" class="axismark-second"/>
</pattern>
<!-- y-axis2 mark, modify "width" -->
<pattern id="y-axis2mark-main" y="0" width="6.84" height="10" patternUnits="userSpaceOnUse">
<line x1="-1" y1="0" x2="6.84" y2="0" class="axismark-main"/>
</pattern>
<!--== graph marker ==-->
<g class="graphmarker">
<g id="graph1markershape" transform="translate(6.51, 6.51)">
<rect x="-3.255" y="-3.255" width="6.51" height="6.51"/> <!-- regular square -->
</g>
<marker id="graph1marker" class="graph1marker" refX="6.51" refY="6.51" viewBox="0 0 13.02 13.02" markerUnits="userSpaceOnUse" markerWidth="13.02" markerHeight="13.02">
<use xlink:href="#graph1markershape"/>
</marker>
<marker id="graph1markerstretch" class="graph1marker" refX="1.302" refY="6.51" viewBox="0 0 13.02 13.02" markerUnits="userSpaceOnUse" markerWidth="13.02" markerHeight="13.02">
<use transform="scale(0.2, 1)" xlink:href="#graph1markershape"/>
</marker>
<g id="graph2markershape" transform="translate(6.51, 6.51)">
<rect x="-3.255" y="-3.255" width="6.51" height="6.51"/> <!-- regular square -->
</g>
<marker id="graph2marker" class="graph2marker" refX="6.51" refY="6.51" viewBox="0 0 13.02 13.02" markerUnits="userSpaceOnUse" markerWidth="13.02" markerHeight="13.02">
<use xlink:href="#graph2markershape"/>
</marker>
<marker id="graph2markerstretch" class="graph2marker" refX="1.302" refY="6.51" viewBox="0 0 13.02 13.02" markerUnits="userSpaceOnUse" markerWidth="13.02" markerHeight="13.02">
<use transform="scale(0.2, 1)" xlink:href="#graph2markershape"/>
</marker>
</g>
</defs>
<g transform="scale(1, -1)">
<!-- grids -->
<rect id="x-gridline-area" x="0.3" y="0" width="313.1" height="200" fill="url(#x-gridline)"/>
<rect id="y-gridline-area" x="0" y="0.3" width="310" height="202" fill="url(#y-gridline)"/>
</g>
<!-- x axis text, modify each value -->
<g id="axistext-x" class="axistext-x-number" transform="translate(0, 7.64)" text-anchor="middle">
<text x= "0">1950</text>
<text x= "50">1960</text>
<text x="100">1970</text>
<text x="150">1980</text>
<text x="200">1990</text>
<text x="250">2000</text>
<text x="300">2010</text>
</g>
<!-- y axis text, modify each value -->
<g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-9.3, 3.7)">
<text y= "-0">0 000</text>
<text y= "-50">50 000</text>
<text y="-100">100 000</text>
<text y="-150">150 000</text>
<text y="-200">200 000</text>
</g>
<!-- legend -->
<g id="legend" class="legendtext" transform="translate(3.1, -180)">
<g id="legend-background" class="axismark-main">
<rect x="0" y="0" fill="white" stroke="none" width="147.6" height="32.1"/>
</g>
<g class="graphgeneral"><g class="graph1line">
<polyline id="legend-line1" points="6.2 9.16 21.7 9.16" marker-start="none" marker-end="none"/>
<path id="legend-marker1" transform="scale(1 -1)" stroke-width="0.00001" d="M 13.95 -9.16 h 0" marker-start="url(#graph1marker)" marker-end="none"/>
</g></g>
<text id="legend-text1" x="27.9" y="12.7">Aquaculture production</text>
<g class="graphgeneral"><g class="graph2line">
<polyline id="legend-line2" points="6.2 22.25 21.7 22.25" marker-start="none" marker-end="none"/>
<path id="legend-marker2" transform="scale(1 -1)" stroke-width="0.00001" d="M 13.95 -22.25 h 0" marker-start="url(#graph2marker)" marker-end="none"/>
</g></g>
<text id="legend-text2" x="27.9" y="25.79">Wild capture</text>
</g>
<defs>
<!--====== graph data with origin values, you can manually copy or attach the values here ======-->
<!-- modify displacement "translate" -->
<g id="graphsfill">
<!-- graph 4 -->
<polyline id="graph4-fill" stroke="none" points="
1950 0
1950 18.134065
1951 20.462763
1952 22.571359
1953 23.084282
1954 24.850036
1955 26.2711
1956 27.83073
1957 28.497744
1958 29.014625
1959 31.447964
1960 33.666639
1961 37.229164
1962 40.33417
1963 41.168519
1964 45.414539
1965 46.045107
1966 49.926203
1967 53.059608
1968 56.21542
1969 54.412346
1970 59.76609
1971 60.287859
1972 55.788859
1973 55.688486
1974 58.969134
1975 57.849128
1976 61.35679
1977 61.714044
1978 64.356941
1979 64.985074
1980 65.655616
1981 68.310805
1982 70.217696
1983 71.064397
1984 77.16641
1985 80.008609
1986 86.18192
1987 88.142528
1988 104.107921
1989 105.674599
1990 102.33828
1991 102.756766
1992 107.472459
1993 112.027374
1994 120.982301
1995 124.62209
1996 128.80694
1997 128.589093
1998 123.118224
1999 132.171074
2000 136.232214
2001 136.08379
2002 139.452484
2003 139.630311
2004 148.457049
2005 151.4598
2006 152.645827
2007 156.774846
2008 160.118312
2009 164.189688
2010 168.108043
2011 178.303426
2011 0
"/>
<!-- graph 3 -->
<polyline id="graph3-fill" stroke="none" points="
1950 0
1950 17.549558
1951 19.744493
1952 21.734055
1953 22.11099
1954 23.757407
1955 25.034452
1956 26.59217
1957 26.861326
1958 27.411282
1959 29.598646
1960 31.69209
1961 35.343371
1962 38.373746
1963 38.978533
1964 43.073192
1965 43.501544
1966 47.200987
1967 50.216194
1968 53.195247
1969 51.24327
1970 56.318933
1971 56.438747
1972 51.604816
1973 51.289004
1974 54.13657
1975 52.762948
1976 56.079075
1977 55.569395
1978 57.903732
1979 58.42935
1980 58.466472
1981 60.677745
1982 62.213553
1983 62.200686
1984 67.245558
1985 68.947815
1986 73.834774
1987 74.52011
1988 88.577019
1989 89.191864
1990 85.498512
1991 84.452079
1992 86.261293
1993 87.5568
1994 93.184056
1995 93.390088
1996 94.964633
1997 94.293062
1998 86.657595
1999 92.56819
2000 94.507902
2001 91.754513
2002 92.068121
2003 89.311354
2004 93.869272
2005 93.624656
2006 91.243961
2007 91.818383
2008 91.266769
2009 91.096333
2010 90.016135
2011 94.574113
2011 0
"/>
</g>
<g id="graphs">
<!-- graph 4 -->
<polyline id="graph4-line" fill="none" points="
1950 18.134065
1951 20.462763
1952 22.571359
1953 23.084282
1954 24.850036
1955 26.2711
1956 27.83073
1957 28.497744
1958 29.014625
1959 31.447964
1960 33.666639
1961 37.229164
1962 40.33417
1963 41.168519
1964 45.414539
1965 46.045107
1966 49.926203
1967 53.059608
1968 56.21542
1969 54.412346
1970 59.76609
1971 60.287859
1972 55.788859
1973 55.688486
1974 58.969134
1975 57.849128
1976 61.35679
1977 61.714044
1978 64.356941
1979 64.985074
1980 65.655616
1981 68.310805
1982 70.217696
1983 71.064397
1984 77.16641
1985 80.008609
1986 86.18192
1987 88.142528
1988 104.107921
1989 105.674599
1990 102.33828
1991 102.756766
1992 107.472459
1993 112.027374
1994 120.982301
1995 124.62209
1996 128.80694
1997 128.589093
1998 123.118224
1999 132.171074
2000 136.232214
2001 136.08379
2002 139.452484
2003 139.630311
2004 148.457049
2005 151.4598
2006 152.645827
2007 156.774846
2008 160.118312
2009 164.189688
2010 168.108043
2011 178.303426
"/>
<!-- graph 3 -->
<polyline id="graph3-line" fill="none" points="
1950 17.549558
1951 19.744493
1952 21.734055
1953 22.11099
1954 23.757407
1955 25.034452
1956 26.59217
1957 26.861326
1958 27.411282
1959 29.598646
1960 31.69209
1961 35.343371
1962 38.373746
1963 38.978533
1964 43.073192
1965 43.501544
1966 47.200987
1967 50.216194
1968 53.195247
1969 51.24327
1970 56.318933
1971 56.438747
1972 51.604816
1973 51.289004
1974 54.13657
1975 52.762948
1976 56.079075
1977 55.569395
1978 57.903732
1979 58.42935
1980 58.466472
1981 60.677745
1982 62.213553
1983 62.200686
1984 67.245558
1985 68.947815
1986 73.834774
1987 74.52011
1988 88.577019
1989 89.191864
1990 85.498512
1991 84.452079
1992 86.261293
1993 87.5568
1994 93.184056
1995 93.390088
1996 94.964633
1997 94.293062
1998 86.657595
1999 92.56819
2000 94.507902
2001 91.754513
2002 92.068121
2003 89.311354
2004 93.869272
2005 93.624656
2006 91.243961
2007 91.818383
2008 91.266769
2009 91.096333
2010 90.016135
2011 94.574113
"/>
</g>
</defs>
<g class="graphgeneralstretch" transform="scale(5, -1) translate(-1950, -0)">
<!-- graphfill 4 -->
<use id="graphfilluse4" transform="translate(0, 0)" fill="rgb(113, 168, 92)" xlink:href="#graph4-fill"/>
<!-- graphfill 3 -->
<use id="graphfilluse3" transform="translate(0, 0)" fill="rgb(97, 135, 181)" xlink:href="#graph3-fill"/>
</g>
<g class="graphgeneralstretch" transform="scale(5, -1) translate(-1950, -0)">
<!-- graph 4 -->
<use id="graphuse4p2-line" transform="translate(0, 0.341)" class="graph4lineblank" xlink:href="#graph4-line"/>
<use id="graphuse4m2-line" transform="translate(0, -0.341)" class="graph4lineblank" xlink:href="#graph4-line"/>
<use id="graphuse4p3-line" transform="translate(0, 0.167)" class="graph4lineblank" xlink:href="#graph4-line"/>
<use id="graphuse4m3-line" transform="translate(0, -0.167)" class="graph4lineblank" xlink:href="#graph4-line"/>
<use id="graphuse4-1-line" transform="translate(0, 0)" class="graph4line" xlink:href="#graph4-line"/>
<!-- graph 3 -->
<use id="graphuse3p2-line" transform="translate(0, 0.341)" class="graph3lineblank" xlink:href="#graph3-line"/>
<use id="graphuse3m2-line" transform="translate(0, -0.341)" class="graph3lineblank" xlink:href="#graph3-line"/>
<use id="graphuse3p3-line" transform="translate(0, 0.167)" class="graph3lineblank" xlink:href="#graph3-line"/>
<use id="graphuse3m3-line" transform="translate(0, -0.167)" class="graph3lineblank" xlink:href="#graph3-line"/>
<use id="graphuse3-1-line" transform="translate(0, 0)" class="graph3line" xlink:href="#graph3-line"/>
</g>
<!-- axes with marks -->
<g transform="scale(1, -1)">
<!-- x axis, modify "x2" and "width" -->
<rect id="x-axismark2" x="-5.7" y="-3.42" width="310" height="3.42" fill="url(#x-axismark-second)"/>
<rect id="x-axismark" x="-5.7" y="-5.7" width="316.2" height="5.7" fill="url(#x-axismark-main)"/>
<line id="x-axis" x1="0" y1="0" x2="310" y2="0" class="axisline"/>
<!-- y axis, modify "height" -->
<rect id="y-axismark2" x="-3.42" y="-5.7" width="3.42" height="201" fill="url(#y-axismark-second)"/>
<rect id="y-axismark" x="-5.7" y="-5.7" width="5.7" height="202" fill="url(#y-axismark-main)"/>
<line id="y-axis" x1="0" y1="0" x2="0" y2="200" class="axisline"/>
</g>
</svg>
