svg指可伸缩矢量图形 (Scalable Vector Graphics)！
w3c给了我们一个基本的教程，我们可以通过W3C的文档基本了解svg；
http://www.runoob.com/svg/svg-tutorial.html
svg主要是拿来制作图形，而且不会因为被放大而失真。
echart是我国通过使用svg而写的一个框架，里面可以直接生产各种图表。
heightchart是国外的框架。
通过比较，echart的样式比heightchart少，个人认为美观也比不上heigtchart。
所以本人制作图表都是使用heightchart，不用自己去研究svg，然后自己写一个图表出来。因为那样子太慢了。
heightchart中文教程，http://www.hcharts.cn/。
原文：http://www.cnblogs.com/zhaoweimin/p/5485531.html