SVG Intro
Scalable Vector Graphics is a graphical format in which user/customer/developer can make their shapes using XML.
The XML is then rendered by an SVG viewer. Today most web browser can display SVG just like they can display PNG, GIF, and JPG.
All the most browsers support SVG such as IE 9+, Chrome and Firefox.
SVG have capability for building graphs, country maps , all types of shapes.
Deck display in one by one is one of the practical example.
Here is the quick example:
<svg xmlns="http://www.w3.org/2014/svg" version="1.1" width="150" height="150">
<rect x="20" y="20" height="70" width="50" style="stroke: #000000; fill: #00ffff;"/>
<rect x="40" y="40" height="70" width="50" style="stroke: #000000; fill: #00ffff;"/>
<rect x="60" y="60" height="70" width="50" style="stroke: #000000; fill: #00ffff;"/>
</svg>
you have to put the code with in SVG tag. So browser identifies SVG tag element easily. Otherwise it won't work.
Place this code in browser in html div and run in browser.
SVG Editor in case if you want to use.
https://petercollingridge.appspot.com/svg-editor
Thanks
Enjoy coding in the area of Computer Web Graphics.