SVG is a markup language describing two-dimensional image in XML .
You just have to declare the visuals that you want.
SVG allows for three types of graphic objects:
Vector drawing software like Inkscape can be used to generate SVG files
The SVG element is conceptually similar to the HTML’s canvas element.
A circle
<svg >
<circle cx="60" cy="60" r="50" fill="#D5D8CB" stroke="#ECDCC6" stroke-width="5"/>
</svg>
With mordernizer.
If (Browser Supports Features: svg and inlinesvg) then
load
d3 (that works only with Svg)
an other script
<script src="js/modernizr.js"></script>
<script type="text/javascript">
Modernizr.load({
test: Modernizr.svg && Modernizr.inlinesvg,
yep : [ 'js/d3.v3.min.js', 'js/script.js' ]
});
</script>