何ゴト?

日々の何事かを書いていきます。

D3.js を使ってサザエさんの家系図を描いてみた。

一時期はFlashでアニメーションが流行っていました。

それが、最近は、Flashを使わないアニメーション技術って、かなり進んでいたんですね。
HTMLとJSだけでいろんなものが作れてしまいます。

試しに、「D3.js」という描画ライブラリを使って、サザエさん一家の家系図を描いてみました。(※ドラッグすると動きます)

こんな風に、簡単にアニメーション付きの描画ができてしまうんですね。

http://cc0.cc/hatena/com/img/?u=nanigoto/2015/20151107_134851.jpg

関連記事

↓ガンダム版の相関図も作ったよ。