jquery - newsmap.jp スタイル

Question

http://newsmap.jpのようなウェブサイトを作りたいのですが、マップのUIに役立つプラグインはありますか?

空のスペースがないことに注意してください。

Answer 1

jQuery Masonryプラグインを確認してください。コンテナで直接呼び出すだけです：

$('#container').masonry({
    itemSelector : '.itemsClassName',
    columnWidth : 240 // or whatever
});

ドキュメント で概説されているように、さらに多くのオプションがあります。

Answer 2

それはツリーマップ グラフ、http://jstreemap.com/、およびhttps://developers.google.com/chart/interactive/docs/gallery/treemapでした。