d3.js

typescript + d3.js v4でd3.select().transitionを機能させる

d3.js v4で詰まったのでメモ。

d3.js v4で機能がモジュール毎に分割されたが、DOMセレクト機能モジュールである d3-select をインポートしてDOMを選択した際、アニメーションを実行するtransitionメソッドを実行しようとすると

Uncaught TypeError: n.selector.transition is not a function

というようなエラーが出て実行出来ない。

v4からは d3-transitionは分割されており別途importする必要がある。

import 'd3-transition';

としてimportしてやるとtranstionは機能する。

参照: https://github.com/tomwanzek/d3-v4-definitelytyped/issues/117