memo.xight.org

日々のメモ

カテゴリ : 視覚化

1ページ目 / 全9ページ

Graph TV - テレビドラマの満足度を視覚化

Posted on | Tagged :

Summary

映画情報サイトIMDBのデータを元に、
各テレビ番組のエピソードごとの満足度を視覚化。
グラフ化には Highchart を利用。

Glee の満足度



Reference

Graph TV
http://graphtv.kevinformatics.com/

Highcharts - Interactive JavaScript charts for your webpage
http://www.highcharts.com/

via

ギズモード・ジャパン - 2014-03-28 - その海外ドラマって面白いの？を知りたい時に便利なインフォグラフィックス
http://www.gizmodo.jp/2014/03/post_14277.html

InfoVis - 視覚化のためのJavaScriptライブラリ

Posted on | Tagged : ,

Summary

InfoVis は 視覚化のためのJavaScriptライブラリ。
データをJSONで入力すればインタラクティブなグラフが得られる。
BSDライセンスで配布。

RGraphHyperTreeSpaceTree
TreeMapBar Charts

RGraph
SpaceTree
Composing-Visualizations

RGraph 同心円状に配置
HyperTree 魚眼レンズのように配置。hyperbolic tree
SpaceTree 階層構造の軸を持つ配置。各ノードは末端のノードが等間隔になるように配置する。
TreeMap 面積と色で表現。包含関係も有る。

これらをパイチャート、棒グラフと組み合わせることができる。

Reference

JavaScript InfoVis Toolkit - Interactive Data Visualizations for the Web
http://thejit.org/

InfoVis Toolkit Demo
http://thejit.org/demos/

Wikipedia - hyperbolic tree
Wikipedia - Treemapping

SpaceTree
http://www.cs.umd.edu/hcil/spacetree/

via

データを視覚化できるjavascriptライブラリ「InfoVis」 | Web活メモ帳
http://blog.verygoodtown.com/2010/04/javascript-data-library-infovis/

revisit - Twitter の視覚化

Posted on | Tagged : ,

Summary

revisit は Twitter のつぶやきをリアルタイムに視覚化するプロジェクト。
ReTweet や @でのリプライにより、つぶやき同士を関連付け。

revisit

あるつぶやきに注目

revisit で、あるつぶやきに注目

reply, ReTweetによる関連付け

revisit で reply, ReTweetによる関連付け

Reference

moritz.stefaner.eu - revisit
http://moritz.stefaner.eu/projects/revisit-twitter-visualization/

moritz.stefaner.eu - revisit - demo
http://moritz.stefaner.eu/projects/revisit/

via

秋元@サイボウズラボ・プログラマー・ブログ : ツイッターの検索結果をリアルタイムで可視化する研究プロジェクトrevisit
http://developer.cybozu.co.jp/akky/2010/04/revisit-d19b.html

Many Eyes - データ視覚化サイト

Posted on | Tagged :

Summary

IBMのVisual Communication Labが開発したデータ共有サイト。
Martin Wattenberg氏がリーダーとして進めているプロジェクト。
Martin Wattenberg氏は、Map of the Market, Shape of Song を手がけたことで有名。

15種類の視覚化が可能。

Reference

Many Eyes
http://manyeyes.alphaworks.ibm.com/manyeyes/

Martin Wattenberg: Data Visualization: Research & Art
http://www.bewitched.com/

Map of the market
http://www.smartmoney.com/map-of-the-market/

Shape of Song
http://www.turbulence.org/Works/song/gallery/gallery.html

COULD：データ視覚化マスターのもつビジョン
http://www.yasuhisa.com/could/entries/001152.php

via

CNET Japan - 2007-03-30 - IBM、データ視覚化サイト「Many Eyes」の機能を強化へ
http://japan.cnet.com/news/media/story/0,2000056023,20346207,00.htm

public data explorer - Data visualizations for a changing world

Posted on | Tagged :

Summary

Google Public Data Explorer は、
各国の出生率や寿命といった複数の統計データを組み合わせて
折れ線グラフ、棒グラフ、分布図、バブル・チャートに表示できる。


Reference

Google - public data
http://www.google.com/publicdata/home

via

Tech-On! - Google、統計データを視覚化する「Google Public Data Explorer」を試験公開
http://techon.nikkeibp.co.jp/article/NEWS/20100309/180923/?ref=rss

MentionMap - Twitterネットワークを視覚化

Posted on | Tagged : ,

Summary

MentionMap とは、Asterisqがリリースした Twitter のネットワークを視覚化したツール。
ユーザ、ハッシュタグをノードとし、
reply、 ハッシュタグ を含むつぶやき数を関連度とした、ばねモデルによる視覚化。

mentionmap - xight
mentionmap - xight

Reference

mentionmap
http://apps.asterisq.com/mentionmap/

Explore Your Twitter Network with Mentionmap | Asterisq.com
http://asterisq.com/blog/2009/10/14/explore-your-twitter-network-with-mentionmap

Twitterネットワークを視覚化して探索出来るツールMentionMap - 適宜覚書はてな異本
http://d.hatena.ne.jp/dacs/20091203/1259769876

via

Twitter上で誰と誰がいちゃいちゃしているのか気持ちよく確認できる『Mentionmap』 - IDEA*IDEA ～ 百式管理人のライフハックブログ
http://www.ideaxidea.com/archives/2009/12/mentionmap.html

Animated Sorting Algorithm Demo - ソートをアニメーションで可視化

Posted on | Tagged :

Reference

Animated Sorting Algorithm Demo
http://vision.bc.edu/~dmartin/teaching/sorting/anim-html/all.html

via

秋元@サイボウズラボ・プログラマー・ブログ: 各ソート技法をアニメーションで表示するAnimated Sorting Algorithm Demo
http://labs.cybozu.co.jp/blog/akky/archives/2008/06/animated-sorting-algorithm-demo.html

TweetStats - Twitterの統計情報を可視化

Posted on | Tagged :

Summary

Twitterの統計情報を可視化．
日別，曜日別，時間帯別の発言数と個人宛メッセージ数，利用インタフェースが俯瞰できる．

グラフ表示は FusionCharts を利用している．

xightのtwitterの統計情報

TweetStats :: for xight
http://tweetstats.com/graphs/xight

Reference

TweetStats :: Graphin' Your Stats
http://tweetstats.com/

FusionCharts Free - Animated Flash Charts and Graphs for ASP, PHP, ASP.NET and other web applications
http://www.fusioncharts.com/free/

code_swarm - オープンソースプロジェクトの視覚化

Posted on | Tagged :

Summary

オープンソースプロジェクトの活動の遷移を表す動画が公開

  - 動画の時間軸は活動時間を表す
  - コミットされたファイルはドットで表される
  - ファイルをコミットした開発者は、コミットしたファイルを表すドットの近くにその名前が表示される
  - メンテナンスされたなくなったファイルはフェードアウトする
  - 活動しなくなった開発者はフェードアウトする
  - その時点でコミットされたファイルの数が動画の左下に棒グラフで表示される

Reference

code_swarm
http://vis.cs.ucdavis.edu/~ogawa/codeswarm/

via

Slashdot Japan - オープンソースプロジェクトの活動状況を動画で視覚化
http://slashdot.jp/it/article.pl?sid=08/06/17/0911211

The Work of Jonathan Harris - Jonathan Harrisによる情報の可視化

Posted on | Tagged :
The Work of Jonathan Harris
http://www.number27.org/work/maps/

かつて音楽と呼ばれたもの - TED Talk: Jonathan Harris - 情報の可視化
http://www.sonasphere.com/blog/?p=436

GIGAZINE - 全世界のいろいろなデータを可視化して図示すると真実が見える
http://gigazine.net/index.php?/news/comments/20070513_number27_maps/