スポンサーリンク
スポンサーリンク

ツリーマップレイアウトの階層構造をアニメーションをつけて表示する

ツリーマップレイアウトは、それぞれのノード全体に占める割合を把握することに向いています。たとえば、日本という国の、各エリアの人口を知りたいとき、どのエリアに人がたくさん住んでいるかを視覚的に把握することができます。

サンプルコードの実行結果はこちら

nameが都道府県名、町の名前を示し、valueが人口を表しています。場所の名前の下に人口が含まれている階層構造にしています。

アニメーションをつけて階層構造を表示する

以前の記事で色の濃さで階層を把握しましたが、D3.jsを利用しているので、アニメーションを使って階層構造を表しています。

コメント

タイトルとURLをコピーしました