石積みや同位体などの要素を積み重ね、重要度に基づいて大きい/小さい要素を表示する jquery プラグインを知っている人はいますか? これらの言及されたプラグインのいずれかでこれを行う方法が見つかりませんでした。これを行うプラグインはありますか?
編集:
必要なものの画像を作成しようとしましたが、数字は異なる重みを表し、四角形が親コンテナーをより少なく満たすようにします。
石積みや同位体などの要素を積み重ね、重要度に基づいて大きい/小さい要素を表示する jquery プラグインを知っている人はいますか? これらの言及されたプラグインのいずれかでこれを行う方法が見つかりませんでした。これを行うプラグインはありますか?
編集:
必要なものの画像を作成しようとしましたが、数字は異なる重みを表し、四角形が親コンテナーをより少なく満たすようにします。
これをすぐに実行できるプラグインは知りませんが、tagcloud プラグインを使用して CSS を変更し、フォント サイズだけでなく、ボックスを大きくしたり小さくしたりできます。
それを 960 グリッド システムまたはその他の石積みにドロップすると、柱が適切に流れます。ただし、すべてが右端に揃うとは限りません。
右端に物を並べるには、単純に物を大きくしたり小さくしたりするよりも複雑な計算が必要になります。現在、質問では、物事を並べたり表示したりする方法を指定していません。単純に要素を積み重ねることは、同位体が行うことよりもはるかに簡単です。
どうか明らかにしてください。
[編集]
ああ、そうです、完全にそのためのプラグインがあります: http://bl.ocks.org/mbostock/4063582
「ツリーマップは領域を再帰的に長方形に分割します。ツリー内の任意のノードの領域はその値に対応します。この例では色を使用して、Flare 視覚化ツールキットのさまざまなパッケージをエンコードします。ツリーマップのデザインは Ben Shneiderman によって考案されました。Bruls、Huizing、およびvan Wijk. データ提供: Jeff Heer."
最も簡単に構築できるものではありませんが、これは D3 で作成されたものです: https://github.com/mbostock/d3/wiki/Gallery