はじめに 私は日頃からSVGを使ったデータビジュアライゼーションをやっています。 2013年頃、はじめはSVG要素の構築にD3.jsを使っていましたが、性能と書きやすさ、保守性などのバランスをとって、最近ではAngularJSやReactへとライブラリを移行してきました。 AngularJSはお気に入りのライブラリですがデータビジュアライゼーションに使うという点では性能に不安がありました。 Angular2がリリースに向けて着々と準備されているということで、性能も改善されたというAngular2でSVGを描いてみます。 Angular1とAngular2で同じ機能を実装して違いを比べてみます。 どちらもTypeScriptで実装します。 Angular1のバージョンは1.4.8、Angular2のバージョンは2.0.0-alpha.53を使います。 Angular1による実装 まずはお決ま