通常SVGのモーフィングアニメーションといえばCSSで動かすにしろ、jsで動かすにしろ、元のSVGの頂点の数を次のSVGの頂点の数に合わせなければ、スムーズなアニメーションにはならないです。 flubberは簡潔な記述で、その問題を解決し、スムーズなSVGモーフィングアニメーションを実行できます。 flubberのライセンスは、MIT LicenseなのでSVGモーフィングアニメーションを使いたい時は、こちらを使った方がお得そう。 flubberの使い方 flubber 上記Githubページからzipファイルをダウンロードするかnpm installする。 使用したいページに以下を記述(D3.jsを使うのが一番簡潔な書き方になりそうなので、同時にD3.jsも読み込む。topojsonは地図データを使いたい時に任意で読み込めばいい。) また、D3.jsだけでなく様々なライブラリとの互換性も
![SVGモーフィングアニメーションを自動補完してくれるjsライブラリ『flubber』 | CriativeTips](https://cdn-ak-scissors.b.st-hatena.com/image/square/7f9146ecad35106f357f6949fa5b1f6953991e8e/height=288;version=1;width=512/https%3A%2F%2F11neko.com%2Fwp-content%2Fuploads%2F2018%2F07%2F1920x1080xf5d73248119d19f58b9d4a-600x358.jpg)