需要画表盘式的星盘。 在markup、markdown中绘图， 有CSS、SVG、Canvas三个方案。

纯CSS是传统认识上最酷的方案， 但其实缺乏可读性， 正面来说，是变通方案。

另两种都没了解过，就了解下。 SVG和Canvas的区别，似乎是 SVG是在HTML中用的，SVG对JS支持较差？ Canvas正好相反，反复查询确认，只能通过JS使用。

先大致梳理一下思路。 利用Jekyll， 把数据写到front matter中，md中include。 这样的好处：md和生成的HTML可读性都可以优化； 缺点：交互性可能不如JS，这点也要再看。 总之能优化可读性非常好。

CSS-Tricks特别指出SVG的矢量和声明性两个特点， 正是我需要的。