Featured image of post ツリーマップ(Treemap)の事例

ツリーマップ(Treemap)の事例

ツリーマップ(Treemap)の事例を紹介します。

FinViz

S&P 500 Map

2008年ごろのデザイン

Map of the Market

1998年から10年以上にわたって株式市場のライブデータを表示してきました。長方形の面積はその企業の時価総額に対応し、色で前回の終値から株価がどのように変化したかを知ることができます。「より読みやすく、対話しやすい表示」ため、正方形に近いタイルを作成する独自のアルゴリズムを開発したとのことです。

Newsmap

Marcos WeskampさんがFlashで実装した、株式市場ではなくニュースリーダーをテーマとしたツリーマップ。

Newsmap.JS

Marcosさんのnewsmapにインスパイアされた作品をJSで実装。

Every AlgoRiThm has ART in it: Treemap Art Project

Truck Sales Slip, Tripping Up Chrysler

Stock Market Overview in Tableau

HistoryWired: A Few of Our Favorite Things

SmartMoneyの「Map of the Market」をベースにしており、ユーザーが博物館のコレクションの一部を探索できるように設計されていました。現在のウェブ標準との互換性がなくなったため、2016年8月にサイトは閉鎖されました。

Licensed under CC BY-NC-SA 4.0
Nov 12, 2025 16:48 +0900