HTML5 SVG

SVG is a language for defining XML Graphics

You can access the elements of the graph using SVG DOM and JAVASCRIPT.

The browser automatically updates the SVG graphic when you change any of its attributes, for example, by JAVASCRIPT.

SVG syntax

<svg height="290">   <polygon points="100,40 40,180 190,60, 180,180"   style="fill:pink;stroke:blue;stroke-width:6" /> </svg>

Such a website (examplesvg.htm) that generates a graph by SVG

<!DOCTYPE html> <html> <body>   <svg height="290">      <polygon points="100,40 40,180 190,60, 180,180"      style="fill:pink;stroke:blue;stroke-width:6" />   </svg> </body> </html>

This is the result:

html5 svg