◆ Canvas は更新面で不利 ◆ アニメーションとかマウスホバーの処理などで全体再描画になるので重い ◆ データ数が少ないとたいしたことないけど すごく多くのデータを扱うとかなら SVG が無難 いろいろありますが 大きな違いに描画部分を Canvas でするか SVG でするかというのがあります どっちでもいいやと思ってたのですが 使ってみると気になる違いがありました 結論を先に書くと SVG のほうが軽いです 大量のデータになると Canvas だと表示されるまでに時間がかかりますが SVG の方はそこまでかかりません SVG のほうが良さそうな理由仕組みを考えても Canvas は部分的に変更できなくて 1 から再描画する必要があるのに比べて SVG は HTML みたいな XML ベースなので部分的に変更ができるのでブラウザがいい感じに最適化してくれます 例えばマウスを乗せたと
![Chart ツールは Canvas より SVG のほうがよさそう : (*x).b=z->a+y/c](https://cdn-ak-scissors.b.st-hatena.com/image/square/da78a05937633f7a2b4b2219826151c370cd607b/height=288;version=1;width=512/https%3A%2F%2Fparts.blog.livedoor.jp%2Fimg%2Fusr%2Fcmn%2Fogp_image%2Flivedoor.png)