tokyor#15, presentation

1. シリーズRで可視化#1
ggplot2と
googleVisと
hwriterで
レポートを作る
@dichika

2. みなさん
はじめまして

3. 自己紹介
・ ＠dichika
・ 医療系
・ バターデニッシュ

4. さて

5. 矢追純一から
UFO目撃情報の
レポートを
頼まれる、

6. そんな状況、
あると思います

7. UFO目撃情報
データベース

8. http://www.infochimps.com

9. さて、どうする？

10. 相手は専門家
こっちは素人

11. まずは
ざっと概要をまとめて
相手の洞察を引き出す

12. 今日は
そんなつもりで
レポートを作りたい
と思います

13. データは
以下の6項目

14. 目撃した日付
報告した日付
UFOの形状
目撃地域
目撃時間
詳細内容

15. 都合上
3項目だけ使います

16. 目撃した日付
報告した日付
UFOの形状
目撃地域
目撃時間
詳細内容

17. 実例

18. 目撃した日付：2010/4/1
UFOの形状：triangle
目撃地域：Iowa City, IA

19. これを集計して
可視化

20. データクリーニング
および
集計は
略
（コードはどこかで公開します）

21. こんな結果に
なります
（ggplot2使用）

22. 目撃日付

23. 150
100
count
50
1950 1955 1960 1965 1970 1975 1980 1985 1990 1995 2000 2005 2010
year

24. UFOの形状

25. light
triangle
circle
disk
other
unknown
sphere
fireball
oval
formation
form
cigar
changing
cylinder
flash
rectangle
diamond
chevron
egg
teardrop
cone
0 2000 4000 6000 8000 10000
count

26. 目撃地域
（トップ20）

27. California
Washington
Texas
Florida
New York
Arizona
Illinois
Pennsylvania
Ohio
Michigan
state
Oregon
North Carolina
Missouri
Colorado
New Jersey
Indiana
Georgia
Massachusetts
Wisconsin
Virginia
0 1000 2000 3000 4000 5000 6000 7000
count

28. 人口が多いところは
目撃数が多い
可能性があるので
補正

29. Washington
Oregon
Arizona
Colorado
California
Missouri
Indiana
Wisconsin
Illinois
Michigan
state
Florida
Ohio
Pennsylvania
Massachusetts
North Carolina
New Jersey
Texas
New York
Virginia
Georgia
0 10 20 30 40
per100000

30. とりあえずこの結果を
ちゃちゃっとWordとかに
貼り付けてコメントを書けば
レポートにはなる

31. でも
それでいいのか

32. 俺は
矢追さんの洞察を
もっと引き出すべきで
はないのか

33. 洞察←操作性

34. 矢追さんが
グラフと向き合い
実際にいじってみることで
洞察を得られるようにする

35. そこで
googleVis
+
hwriter
という提案

36. googleVis
・ Google Visualization APIをRから
使えるようにしたパッケージ
・ 出力はHTML
・ 16種類のグラフ
・ demo(googleVis)で内容確認

37. 目撃日付
(gvisAnnotatedTimeline)

38. gvisAnnotatedTimeline関数
時系列の線グラフ
拡大縮小自由自在
gvisAnnotatedTimeline(
data, データフレーム
日付の入った
datevar, 変数を指定
numvar, 数値の入った
変数を指定
date.format) 日付のフォー
マットを指定

40. UFOの形状
(gvisPieChart)

41. gvisPieChart関数
円グラフ
gvisPieChart(
data, データフレーム
ラベルの入った
labelvar, 変数を指定
numvar) 変数を指定
数値の入った

43. グループ分けすると
(gvisTreeMap)

44. gvisTreeMap関数
入れ子になった構造を面積図で表現
gvisTreeMap(
data, データフレーム
ラベルの入った変数を指定
idvar,
それぞれの親階層の入った
parentvar, 変数を指定
sizebar) 変数を指定
数値の入った
※データ構造はRegionsデータを見るとわかりやすい

47. 目撃地域
(gvisGeoMap)

48. gvisGeoMap関数
入れ子になった構造を面積図で表現
gvisGeoMap(
data, データフレーム
地域ラベルの入った
locationvar, 変数を指定
numvar) 変数を指定数値の入った
※地域を限定したい場合はoptionで指定（ヘルプ参照のこと）

50. これをレポートに
まとめる

51. hwriter
・ HTML出力を楽にするパッケージ
・ hwriteが基本関数
・ example(hwriter)で説明書

52. hwrite関数
HTMLを出力する関数
画像にはhwriteImage関数
hwrite(x, page)
x → 出力したいモノ
page → 出力先
※出力先を指定しないとコンソールにHTMLが文字列として出力される

53. 例えばこんな感じ

54. p <- openPage("report.html")
charset="CP932")
hwrite("目撃日付", p, br=TRUE)
hwriteImage("year.png", p , br=TRUE)
closePage(p)

55. ファイルへの接続
＋
文字コードの設定
（デフォルトはutf-8)
p <- openPage("report.html",
charset="CP932")
hwrite("目撃日付", p, br=TRUE)
hwriteImage("year.png", p , br=TRUE)
closePage(p)
接続を
閉じる

56. p <- openPage("report.html")
charset="CP932")
hwrite("目撃日付", p, br=TRUE)
hwriteImage("year.png", p , br=TRUE)
closePage(p) 改行
オプション

57. googleVisの出力は
HTML
↓
今回は
インラインフレームで
読み込む

58. path <- "C:/Users/dichika/hoge.html"
frame <- paste('<iframe src="', path, '
"frameborder="0" width="1200"
height="600" scrolling="no"></iframe>',
sep="") iframeタグ
で挟んだ
hwrite(frame, p, br=TRUE)

59. 組み合わせて
出力すると
こうなる

61. でも

62. できれば
矢追さんの洞察を
書き込めるように
しておきたい

63. そこで
contenteditable

64. contenteditable
・ HTML5の仕様の一つ
・ contenteditable="true"とすると
書き込み可能になる
・ こんな感じ
<div contenteditable="true">この領域に書き込めます</div>

65. 書き込める
ようになる

66. これでひとまずは
完成

67. でも毎回
ごちゃごちゃ
指定するのは
めんどくさいですよね

68. めんどくさい時は
関数書きますよね

69. install.packages("batade")
library(batade)
mkhtml(
ファイル名を指定
filename,
data) レイアウト構造を
指定したデータフレーム

70. レイアウト構造
本日のレポート LL
目撃日付 L
AnnotatedTimeLineIDe41ecf.
htm L
ここにコメントを書き込めます S
copyright batade L

71. レイアウト構造
本日のレポート LL
目撃日付 L
AnnotatedTimeLineIDe41ecf.
htm
文字列、画像/HTMLファイル名を指定 L
ここにコメントを書き込めます S
copyright batade L

72. レイアウト構造
本日のレポート LL
目撃日付 L
AnnotatedTimeLineIDe41ecf. 文字サイズを指定
htm L
（画像、HTMLの場合は無視される）
S,M,L,LLの4サイズ
ここにコメントを書き込めます S
copyright batade L

73. こういう出力に
なります

75. ということで

76. まとめ
・ ggplot2 → かませ犬
・ googleVis → 操作性のあるグラフ
・ hwriter → HTML出力
・ contenteditable → ブラウザ上で
レポートが編集可能に
・ batedeライブラリ → 実在する

77. enjoy!