本文へ移動
Visualizing.JP

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

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

目次
  1. 01別名
  2. 02FinViz
  3. 2008年ごろのデザイン
  4. 03Map of the Market
  5. 04Newsmap
  6. 05Newsmap.JS
  7. 06Every AlgoRiThm has ART in it: Treemap Art Project
  8. 07Truck Sales Slip, Tripping Up Chrysler
  9. 08Stock Market Overview in Tableau
  10. 09HistoryWired: A Few of Our Favorite Things

ツリーマップ(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月にサイトは閉鎖されました。

矢崎裕一 データ可視化の実務家
プロフィール

この記事は CC BY-NC-SA 4.0 で公開しています。