This template creates charts by the generation of code for an SVG file. The special feature is that the data is retained in its original format and can be easily supplemented or changed later. In particular, a clear structure is produced, which can easily modified with any text editor.

Quick start

Copy sample template: {{#invoke: SVG_Chart | SVGChart | | XAxisText = Year | YAxisText = Index | XMin = 1990 | XMax = 2015 | YMin = 6 | YMax = 13 | Graph1Values = 2006 10.16 2009 10.7 2012 11.29 }}

Copy the resulting preview text into a text file chart.svg and open this file in your browser or SVG viewer. You get a result like this:

Usage

1. Create the template {{SVG Chart}} somewhere. This means: put for instance the text in the light gray box above, which starts with {{#invoke: SVG_Chart | SVGChart | on some existing page, for instance, your own user page here on Wikimedia Commons (not on Wikipedia, where it will not have any effect).
2. Adjust the numbers and put in your own data and descriptions of the axes. Note that if you put any text in your graph, you automatically restrict its usage to a single language version of Wikipedia; consider whether descriptions of the axes are really needed.
3. Press the "Preview" button. You now see a page with instructions followed by the source code of an SVG file on a light gray background. The instructions at the top match the next few steps in this list here.
4. Paste (with mouse) and copy (<Ctrl>+<C>) the text in the light gray box. It starts with the line <?xml version="1.0" encoding="UTF-8" ?> and consists of about 200 lines of text.
5. Create an empty SVG file e.g. mychart.svg on your computer.
6. Open that file with a plain text editor, e.g. Notepad.
7. Paste (<Ctrl>+<V>) the copied data into the text file. Save that file (<Ctrl>+<S>).
8. Check the file by drag and drop on your browser, with Jarry1250's SVG Check or File:Test.svg. If you did not change the data in step 2, you will see a red and a blue W.
9. If the check is successfully, store your file with Commons:Upload.
10. After uploading, put the source code (the text that starts with {{SVG Chart) on the Talk page of the newly created Commons file (go to the file, and click on the "Discussion" tab at the top of the page) so that others can easily update your graph in the future.

Main parameters

Additional optional parameters

Example

{{SVG Chart
| Title        = My test chart
| XAxisText    = Year
| YAxisText    = Index

| XMin         = 1990
| XMax         = 2015
| YMin         = 6
| YMax         = 13
| Graph1Values =       
     1991 7.59
     1994 8.56
     1997 9
     2000 9.27
     2003 9.69
     2006 10.16
     2009 10.7
     2012 11.29
}}

Upload

• After the upload insert before {{int:filedesc}}

{{handSVG|||H}}

• Insert after {{int:filedesc}}

== Generated with ''Wikimedia SVG Chart'' ==

{{SVG Chart/box}}

• Add the category to the image

[[Category:Created with Commons SVG Chart]]

• Add the source code of chart to the talk page additional with the headline == Source ==.

Development

If you have a question or a suggestion, share this here.

For more informations see: Programming of Wikimedia SVG Chart.