Help:SVG images

Scalable Vector Graphics (SVG) are a type of image based on vector graphics such as points, lines and curves. The wiki server renders the image each time as a PNG image, preventing pixelation at higher magnification. Because they are stored as a text file, simple but large images can be considerably smaller, as large, single-colored areas require significantly smaller space.

Making SVG images
There are a number of useful software packages for making SVG images. Two important free packages include gnuplot and Inkscape.

gnuplot
Gnuplot is a graphing program with multiple outputs, including SVG. It can be used to plot paired data and functions in a 2D plot; several possibilities exist for 3D plots. It is usually preferable to generate graphs with gnuplot (or a similar program such as Ploticus) instead of a drawing program, although the latter can be used for additional image manipulation.

Inkscape
Inkscape is a drawing program for SVG images.

Disclaimer
Unfortuantely, the Wikimedia rendering program has some issues with Inkscape images. To alleviate these programs, the following are recommended:
 * 1) Only certain fonts are available, and unfortunately, they are not usually common ones.  Fonts are usually substituted if they are not available.  Wikipedia recommends DejaVu Sans and DejaVu Serif (despite their hideousness).
 * 2)   can create problems as it may not render or render as rectangle. Select the text boxes and select   under the Text menu. Scaled text (by using the handles) will not function properly.
 * 3) Arrowheads and dashed lines do not render properly. Select them, and select   under the Path menu.
 * 4) Images are the size of the box in Inkscape. Usually, you will want to change the size of the image with   >   >.
 * 5) Save the file as   instead of  .  The latter contains data for editing the image which is no longer necessary when it is uploaded.
 * 6) If your image still doesn't render properly, other tips may be found here and here.