SVG

• Scalable Vector Graphics: W3C standard.
• Mostly implemented in Firefox and Opera.
• Many drawing programs output svg: inkscape.
• An XML language for describing vector graphics.

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="9cm"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     version="1.1"
     baseProfile="full">
  <g fill-opacity="0.7" stroke="black" stroke-width="0.1cm">
    <circle cx="6cm" cy="2cm" r="100" fill="red"
                    transform="translate(0,50)" />
    <circle cx="6cm" cy="2cm" r="100" fill="blue"
                    transform="translate(70,150)" />
    <circle cx="6cm" cy="2cm" r="100" fill="green"
                    transform="translate(-70,150)" />
  </g>
</svg>

• Save that to a file called circles.xml then use this html:

  <object width="480"  height="360" type="image/svg+xml" data="circles.xml"></object>
  

• You can also inline a blue rectangle , like this in the same way.