SVG (Scalable Vector Graphics) is a W3C recommendation defining an XML standard for graphics on the web. It is comparable to flash, however SVG is an open standard. SVG uses concepts like points, lines and curves. A simple example is:
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100" height="100" version="1.1" xmlns="http://www.w3.org/2000/svg">
<circle cx="50" cy="50" r="30" stroke="black" stroke-width="2" fill="yellow"/>
</svg>
The example source shows
some administrative overhead and an instruction to draw a black circle
with yellow filling in an area of
100 * 100 pixels. Save it as a text file with extension .svg using
whatever text editor you like and open this file in an
SVG enabled browser.
Is will show up like:
Experiment adding an element like:
<text x="10" y="50" font-family="arial" font-size="10" fill="blue" >Hello world!</text>