可視化周辺の進化がヤヴァイ~rchartsを中心として~

26
可視化周辺の進化がヤヴァイ rChartsを中心として~ 31勉強会@東京(#TokyoR) @teramonagi

Upload: tera-monagi

Post on 08-Sep-2014

30 views

Category:

Technology


2 download

DESCRIPTION

第31回R勉強会@東京(#TokyoR)の資料

TRANSCRIPT

Page 1: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

可視化周辺の進化がヤヴァイ ~rChartsを中心として~

第31回 勉強会@東京(#TokyoR)

@teramonagi

Page 2: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

自己紹介 • ID:@teramonagi

•お仕事:遊撃

•興味:/C++/R/python

/javascript/F#

/数理/可視化

/金you/web/

2

Page 3: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

界隈、最近の流行り

R + javascript (アプリ・可視化・プレゼン)

3

Page 4: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

界隈、最近の流行り

•アプリ:Shiny

•可視化:rCharts, clickme, rVega…etc

•プレゼン:slidify

4

Rの拡張機能となる パッケージが次々と出て来てる状況

Page 5: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

今日のテーマ:可視化

rCharts 5

Page 6: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

開発者:Ramnath Vaidyanathan

6 ※https://github.com/ramnathvより

Page 7: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

有名なもの:slidify(Rでプレゼン)

7 ※http://slidify.org/、こっちもヤヴァイんで要チェック!!!

Page 8: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

slidify,ちょっと寄り道して紹介

8

Page 9: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

インストール&雛型作成

9

#パッケージのインストール install.packages(“devtools”)

library(devtools) install_github('slidify', 'ramnathv') install_github('slidifyLibraries', 'ramnathv') #雛型作成

library(slidify) library(slidifyLibraries) author("teramonagi")

Page 10: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

R markdownでプレゼン作る

10

2:ポチる

1:コード&文章

Page 11: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

Publish!!!!

11

1:ポチる

2:ポチる

Page 12: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

むにゃっとファイル名等記述

12 http://rpubs.com/teramonagi/slidify1st

Page 13: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

Rの実行結果がくっ

ついたプレゼンが一瞬で出来るね!!

13

Page 14: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

14

本題へ

Page 15: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

本題、rCharts • 描画パッケージの超有望新興勢力

• javascriptを使った可視化ライブラリをR言語から叩くためのパッケージ

• サポートされているjavascriptライブラリ

–Polychart, NVD3, MorrisJS, Rickshaw, HighCharts, xCharts, Leaflet

※baseはd3.jsのもの複数あり

• https://github.com/ramnathv/rCharts

15

Page 16: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

d3.js:Data-Driven Documents

16 ※http://d3js.org/より

Page 17: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

rCharts:インストール&ロード

17

#パッケージのインストール

install.packages(“devtools”)

library(devtools)

install_github(‘rCharts’, ‘ramnathv’) #パッケージのロード

library(rCharts)

Page 18: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

Demo1:Polychart(の機能)

18

rCharts::open_notebook()

rPlot(mpg~wt|am+vs,data=mtcars,type='point',color='gear')

Page 19: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

Demo2:Morris(の機能)

19

data(economics, package = 'ggplot2')

econ<-transform(economics,date=as.character(date))

m1<-mPlot(x='date',y=c('psavert','uempmed'),type='Line',data=econ)

m1$set(pointSize=0,lineWidth=5)

m1

Page 20: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

Demo3:xCharts(の機能)

20

#データ作り…

library(reshape2)

ind<-

seq(1983,1983+29,by=1)

x<-

sapply(1:4,function(s){100

+cumsum(rnorm(30))})

colnames(x)<-

LETTERS[1:4]

x<-

data.frame(Date=rep(ind,4

),melt(x))

#plot x1<-

xPlot(value~Date,group='

Var2',data=x,type='line-

dotted')

x1

Page 21: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

Demo4:NVD3(の機能)

21

x<-subset(as.data.frame(HairEyeColor),Sex=="Male")

nPlot(Freq~Hair,group="Eye",data=x,type = 'multiBarChart')

Page 22: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

ブラウザベースのエディタ起動

22

rCharts::open_notebook()

Page 23: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

動画:“R Notebook with rCharts”

23

Page 24: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

動画:“Intro to rCharts”

24

Page 25: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

その他:R+javascriptで可視化 • clickme(インタラクティブに触れる部分多し)

– https://github.com/nachocab/clickme

• rVega – https://github.com/metagraf/rVega

• G3Plot(d3.js + shinyのパッケージ) – https://github.com/alexbbrown/g3plot-1 – http://glimmer.rstudio.com/alexbbrown/g3plot/

• rNVD3(rChartsに同機能あり、開発停止) – https://github.com/ramnathv/rNVD3

• rHighcharts(rChartsに同機能あり、開発停止?) – https://github.com/metagraf/rHighcharts

25

Page 26: 可視化周辺の進化がヤヴァイ~rChartsを中心として~

Enjoy!!! 26