D3.js と次の例を使用してツリーマップを実装して実験しています: http://mbostock.github.com/d3/ex/treemap.html
これまでのところ、かなりうまく機能しています。
私の問題は、完全に新しいデータ セットのトランジションを使用してツリーマップ アイテムを更新したい場合、それができないことです。ツリーマップ オブジェクトを再初期化する場合にのみ、これを行うことができます。
簡単な例を見てみましょう：
データセット 1: PROD1、PROD2、PROD3... データセット 2: LOC1、LOC2、LOC3、LOC4...
要素の数とサイズ (値) が異なる 2 つのデータセットを切り替えるときに、遷移アニメーションが必要です。繰り返しますが、基本的に親 DIV id ($("#treemap_1").empty();) の要素を削除してから、新しいデータセットでツリーマップ全体を再作成することしかできませんでした。
申し訳ありませんが、私は D3.js に非常に慣れていないので、明らかなことかもしれません。:)
ありがとう、よろしく、 ベンス