More Related Content
More from Daisuke Ichikawa
More from Daisuke Ichikawa (11)
Recently uploaded
Recently uploaded (14)
Tokyor15mod
- 1. シリーズRで可視化#1 ggplot2と googleVisと hwriterで レポートを作る @dichika
- 2. みなさん はじめまして
- 3. 自己紹介 ・ ＠dichika ・ 医療系 ・ バターデニッシュ
- 4. さて
- 5. 矢追純一から UFO目撃情報の レポートを 頼まれる、
- 9. さて、どうする？
- 10. 相手は専門家 こっちは素人
- 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. 洞察←操作性
- 35. そこで googleVis + hwriter という提案
- 36. googleVis ・ Google Visualization APIをRから 使えるようにしたパッケージ ・ 出力はHTML ・ 16種類のグラフ ・ demo(googleVis)で内容確認
- 38. gvisAnnotatedTimeline関数 時系列の線グラフ 拡大縮小自由自在 gvisAnnotatedTimeline( data, データフレーム 日付の入った datevar, 変数を指定 numvar, 数値の入った 変数を指定 date.format) 日付のフォー マットを指定
- 41. gvisPieChart関数 円グラフ gvisPieChart( data, データフレーム ラベルの入った labelvar, 変数を指定 numvar) 変数を指定 数値の入った
- 44. gvisTreeMap関数 入れ子になった構造を面積図で表現 gvisTreeMap( data, データフレーム ラベルの入った変数を指定 idvar, それぞれの親階層の入った parentvar, 変数を指定 sizebar) 変数を指定 数値の入った ※データ構造はRegionsデータを見るとわかりやすい
- 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. でも
- 64. contenteditable ・ HTML5の仕様の一つ ・ contenteditable="true"とすると 書き込み可能になる ・ こんな感じ <div contenteditable="true">この領域に書き込めます</div>
- 65. 書き込める ようになる
- 66. これでひとまずは 完成
- 67. でも毎回 ごちゃごちゃ 指定するのは めんどくさいですよね
- 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!