This document was Tentatively checked as SVG 1.1

Result: Tentatively passed, 1 warning(s)
:
: utf-8
: SVG 1.1
Root Element: svg
Root Namespace: http://www.w3.org/2000/svg
Options

Help on the options is available.

Notes and Potential Issues

The following notes and warnings highlight missing or conflicting information which caused the validator to perform some guesswork prior to validation, or other things affecting the output below. If the guess or fallback is incorrect, it could make validation results entirely incoherent. It is highly recommended to check these potential issues, and, if necessary, fix them and re-validate the document.

  1. Warning DOCTYPE Override in effect!

    The DOCTYPE Declaration for "SVG 1.1" has been inserted at the start of the document, but even if no errors are shown below the document will not be Valid until you add the new DOCTYPE Declaration.

Congratulations

The document located at <https://upload.wikimedia.org/wikipedia/commons/9/9a/US_Natural_Gas_Production.svg> was tentatively checked as SVG 1.1. This means that with the use of some fallback or override mechanism, we successfully performed a formal validation of it. In other words, the document would validate as SVG 1.1 if you changed the markup to match the changes we have performed automatically, but it will not be valid until you make these changes. The parser implementations we used for this check are based on OpenSP (SGML/XML) and libxml2 (XML).

Linking to this result

If you would like to create a link to this page (i.e., this validation result) to make it easier to revalidate this page in the future or to allow others to validate your page, the URI is <http://validator.w3.org/check?uri=https%3A%2F%2Fupload.wikimedia.org%2Fwikipedia%2Fcommons%2F9%2F9a%2FUS_Natural_Gas_Production.svg;ss=1> (or you can just add the current page to your bookmarks or hotlist).

Validating CSS Style Sheets

If you use CSS in your document, you can check it using the W3C CSS Validation Service.

↑ Top

Source Listing

Below is the source input I used for this validation:

  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!-- Generator: wikimedia.svg.chart, 2013-08-28 -->
  3. <!-- modify viewBox (x,y,dx,dy) for position (x,y) and size (dx,dy) -->
  4. <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg id="head"
  5. xmlns="http://www.w3.org/2000/svg"
  6. xmlns:xlink="http://www.w3.org/1999/xlink"
  7. version="1.1"
  8. viewBox="-22.8,-89.8,169.2,111.4"
  9. width="750" height="490"
  10. font-family="Helvetica, Arial"
  11. >
  13. <!-- also a workaround for librsvg: a <rect> must be placed somewhere before text for a good display of text -->
  14. <rect id="imagebackground" x="-22.8" y="-89.8" width="169.2" height="111.4" stroke-width="0.12" stroke="none" fill="white"/>
  16. <title>U.S. Natural Gas Production</title>
  17. <desc>
  18. This svg graphic is to edit with an text editor.
  19. Please do not overwrite this file by saving with an image editor.
  20. ----------------
  21. Source: Energy Information Administration
  22. Available from: http://tonto.eia.gov/dnav/ng/hist/n9050us2a.htm
  23. 1 MMcf = 28 317 m3, 0.353147 MMcf = 10 000 m3, 0.706293 MMcf = 20 000 m3
  24. 2011: 24 036 352 MMcf = 680 633 692 215 m3
  25. </desc>
  27. <style id="styles" type="text/css"> <![CDATA[
  28. .graphgeneral { /*-- general look of graphs and markers, e.g. in legend --*/
  29. stroke-width: 0.84;
  30. fill: none;
  31. stroke-linejoin: round;
  32. stroke-linecap: round;
  33. }
  34. .graphgeneralstretch { /*-- general look of graphs and markers on a stretched chart --*/
  35. stroke-width: 0.34;
  36. fill: none;
  37. stroke-linejoin: round;
  38. stroke-linecap: round;
  39. }
  40. .graph1lineblank { /*-- look of graph 1 --*/
  41. stroke: rgb(00%, 00%, 60%);
  42. }
  43. .graph1line {
  44. stroke: rgb(00%, 00%, 60%);
  45. }
  46. .graph2lineblank { /*-- look of graph 2 --*/
  47. stroke: rgb(75%, 10%, 10%);
  48. }
  49. .graph2line {
  50. stroke: rgb(75%, 10%, 10%);
  51. }
  52. .graph3lineblank { /*-- look of graph 3 --*/
  53. stroke: rgb(00%, 60%, 00%);
  54. }
  55. .graph3line {
  56. stroke: rgb(00%, 60%, 00%);
  57. }
  58. .graph4lineblank { /*-- look of graph 4 --*/
  59. stroke: rgb(00%, 60%, 60%);
  60. }
  61. .graph4line {
  62. stroke: rgb(00%, 60%, 60%);
  63. }
  64. .graph5lineblank { /*-- look of graph 5 --*/
  65. stroke: rgb(60%, 00%, 60%);
  66. }
  67. .graph5line {
  68. stroke: rgb(60%, 00%, 60%);
  69. }
  70. .graph6lineblank { /*-- look of graph 6 --*/
  71. stroke: rgb(60%, 60%, 00%);
  72. }
  73. .graph6line {
  74. stroke: rgb(60%, 60%, 00%);
  75. }
  76. .axisline {
  77. stroke: black;
  78. stroke-width: 0.42;
  79. stroke-linecap: round;
  80. }
  81. .titletext {
  82. font-size: 8.712px;
  83. }
  84. .axistext-x {
  85. font-size: 6.48px;
  86. }
  87. .axistext-x-number {
  88. font-size: 6.48px;
  89. }
  90. .axistext-y {
  91. font-size: 7.2px;
  92. }
  93. .axismark-main {
  94. stroke: black;
  95. stroke-width: 0.29;
  96. }
  97. .axismark-second {
  98. stroke: black;
  99. stroke-width: 0.29;
  100. }
  102. .gridline {
  103. stroke: black;
  104. stroke-width: 0.21;
  105. }
  106. ]]></style>
  108. <defs>
  109. <!--== axis dashes definitions ==-->
  110. <!-- x-axis mark, modify "height" -->
  111. <pattern id="x-axismark-main" x="0" width="10" height="2.4" patternUnits="userSpaceOnUse">
  112. <line x1="0" y1="-1" x2="0" y2="2.4" class="axismark-main"/>
  113. </pattern>
  116. <!-- x-axis gridline vertical, modify "width" -->
  117. <pattern id="x-gridline" height="60" width="10" patternUnits="userSpaceOnUse">
  118. <line x1="0" x2="0" y1="0" y2="60" class="gridline"/>
  119. </pattern>
  122. <!-- y-axis gridline horizontal, modify "height" -->
  123. <pattern id="y-gridline" width="240" height="12.5" patternUnits="userSpaceOnUse">
  124. <line x1="0" x2="240" y1="0" y2="0" class="gridline"/>
  125. </pattern>
  127. <!-- y-axis mark, modify "width" -->
  128. <pattern id="y-axismark-main" width="2.4" height="12.5" patternUnits="userSpaceOnUse">
  129. <line x1="-1" y1="0" x2="2.4" y2="0" class="axismark-main"/>
  130. </pattern>
  132. <!-- y-axis2 mark, modify "width" -->
  133. <pattern id="y-axis2mark-main" width="1.2" height="17.657325" patternUnits="userSpaceOnUse">
  134. <line x1="-1" y1="0" x2="11" y2="0" class="axismark-main"/>
  135. </pattern>
  136. </defs>
  138. <g transform="scale(1, -1)">
  140. <rect id="x-gridline-area" x="0.3" y="0" width="122.4" height="75" fill="url(#x-gridline)"/>
  142. <rect id="y-gridline-area" x="0" y="0.3" width="120" height="76.5" fill="url(#y-gridline)"/>
  144. <!-- x axis, modify "x2" and "width" -->
  145. <rect id="x-axismark" x="-0.6" y="-2.1" width="122.4" height="2.1" fill="url(#x-axismark-main)"/>
  146. <line id="x-axis" x1="0" y1="0" x2="120" y2="0" class="axisline"/>
  148. <!-- y axis, modify "height" -->
  149. <rect id="y-axismark" x="-2.1" y="-0.6 " width="2.1" height="76" fill="url(#y-axismark-main)"/>
  150. <line id="y-axis" x1="0" y1="0" x2="0" y2="75" class="axisline"/>
  151. <rect id="y-axis2mark" x="120" y="-0.6 " width="2.1" height="76" fill="url(#y-axis2mark-main)"/>
  152. <line id="y-axis2" x1="120" y1="0" x2="120" y2="75" class="axisline"/>
  153. </g>
  155. <!-- x axis text, modify each value -->
  156. <g id="axistext-x" class="axistext-x-number" transform="translate(0, 8.6)" text-anchor="middle">
  157. <text x= "0">1900</text>
  158. <text x= "20">1920</text>
  159. <text x= "40">1940</text>
  160. <text x= "60">1960</text>
  161. <text x= "80">1980</text>
  162. <text x="100">2000</text>
  163. <text x="120">2020</text>
  164. <text id="title-x" class="axistext-x" x="60" y="8.4" >Year</text>
  165. </g>
  167. <!-- y axis text, modify each value -->
  168. <g id="axistext-y" class="axistext-y" text-anchor="end" transform="translate(-3.6, 1.8)">
  169. <text y= "-0">0</text>
  170. <text y="-12.5">5</text>
  171. <text y= "-25">10</text>
  172. <text y="-37.5">15</text>
  173. <text y= "-50">20</text>
  174. <text y="-62.5">25</text>
  175. <text y= "-75">30</text>
  176. <text id="title-y" x="37.5" y="-13.1" transform="rotate(-90)" text-anchor="middle" >Trillion cubic feet per year</text>
  177. </g>
  179. <!-- y axis on right side, modify each value -->
  180. <g id="axis2text-y" class="axistext-y" transform="translate(123, 1.8)"> <g text-anchor="start">
  181. <text y= "-0"> 0 </text>
  182. <text y= "-17.66"> 20 </text>
  183. <text y= "-35.31"> 40 </text>
  184. <text y= "-52.97"> 60 </text>
  185. <text y= "-70.63"> 80 </text>
  186. <text id="title-y2" x="37.5" y="17.3" transform="rotate(-90)" text-anchor="middle" >10<tspan dy="-3" font-size="80%">10</tspan><tspan dy="3"> cubic metres per year</tspan></text>
  187. </g></g>
  189. <!-- additional text -->
  191. <text id="title" class="titletext" text-anchor="middle" x="60" y="-80.3">U.S. Natural Gas Production</text>
  193. <!--====== graph data with origin values, you can manually copy or attach the values here ======-->
  194. <!-- modify displacement "translate" -->
  195. <defs>
  196. <g id="graphs">
  197. </g>
  198. <g id="graph1">
  199. <!-- graph 1 -->
  200. <polyline id="graph1-line" stroke-width="0.34" points="
  201. 1901 0.18
  202. 1902 0.21
  203. 1903 0.24
  204. 1904 0.26
  205. 1905 0.32
  206. 1906 0.39
  207. 1907 0.41
  208. 1908 0.4
  209. 1909 0.48
  210. 1910 0.51
  211. 1911 0.51
  212. 1912 0.56
  213. 1913 0.58
  214. 1914 0.59
  215. 1915 0.63
  216. 1916 0.75
  217. 1917 0.8
  218. 1918 0.72
  219. 1919 0.75
  220. 1920 0.81
  221. 1921 0.67
  222. 1922 0.78
  223. 1923 1.03
  224. 1924 1.16
  225. 1925 1.21
  226. 1926 1.34
  227. 1927 1.47
  228. 1928 1.6
  229. 1929 1.95
  230. 1930 1.98
  231. 1931 1.72
  232. 1932 1.59
  233. 1933 1.6
  234. 1934 1.82
  235. 1935 1.97
  236. 1936 2.23
  237. 1937 2.47
  238. 1938 2.36
  239. 1939 2.54
  240. 1940 2.73
  241. 1941 2.89
  242. 1942 3.15
  243. 1943 3.52
  244. 1944 3.82
  245. 1945 4.04
  246. 1946 4.15
  247. 1947 4.58
  248. 1948 5.15
  249. 1949 5.42
  250. 1950 6.28
  251. 1951 7.46
  252. 1952 8.01
  253. 1953 8.4
  254. 1954 8.74
  255. 1955 9.41
  256. 1956 10.08
  257. 1957 10.68
  258. 1958 11.03
  259. 1959 12.05
  260. 1960 12.77
  261. 1961 13.25
  262. 1962 13.88
  263. 1963 14.75
  264. 1964 15.55
  265. 1965 16.04
  266. 1966 17.21
  267. 1967 18.17
  268. 1968 19.32
  269. 1969 20.7
  270. 1970 21.92
  271. 1971 22.49
  272. 1972 22.53
  273. 1973 22.65
  274. 1974 21.6
  275. 1975 20.11
  276. 1976 19.95
  277. 1977 20.03
  278. 1978 19.97
  279. 1979 20.47
  280. 1980 20.18
  281. 1981 19.96
  282. 1982 18.58
  283. 1983 16.88
  284. 1984 18.3
  285. 1985 17.27
  286. 1986 16.86
  287. 1987 17.43
  288. 1988 17.92
  289. 1989 18.1
  290. 1990 18.59
  291. 1991 18.53
  292. 1992 18.71
  293. 1993 18.98
  294. 1994 19.71
  295. 1995 19.51
  296. 1996 19.81
  297. 1997 19.87
  298. 1998 19.96
  299. 1999 19.8
  300. 2000 20.2
  301. 2001 20.57
  302. 2002 19.88
  303. 2003 19.97
  304. 2004 19.52
  305. 2005 18.93
  306. 2006 19.41
  307. 2007 20.2
  308. 2008 21.11
  309. 2009 21.65
  310. 2010 22.38
  311. 2011 24.04
  312. 2012 25.3
  313. "/>
  314. </g>
  315. </defs>
  317. <g class="graphgeneralstretch" transform="scale(1, -2.5) translate(-1900, -0)">
  318. <!-- graph 1 -->
  319. <use id="graphuse1p2" transform="translate(0.247, 0)" class="graph1lineblank" xlink:href="#graph1"/>
  320. <use id="graphuse1m2" transform="translate(-0.247, 0)" class="graph1lineblank" xlink:href="#graph1"/>
  321. <use id="graphuse1p3" transform="translate(-0.081, 0)" class="graph1lineblank" xlink:href="#graph1"/>
  322. <use id="graphuse1m3" transform="translate(0.081, 0)" class="graph1lineblank" xlink:href="#graph1"/>
  323. <use id="graphuse1-1" transform="translate(0, 0)" class="graph1line" xlink:href="#graph1"/>
  324. </g>
  325. </svg>

↑ Top