title

subtitle

author

job

framework

highlighter

hitheme

widgets

mode

ext_widgets

knit

This is R:esult

Of course this doucment made from R.

Yuri Ohno

Free

io2012

highlight.js

tomorrow

bootstrap

quiz

shiny

interactive

selfcontained

rCharts

libraries/nvd3

libraries/highcharts

slidify::knit2slides

Agenda

Demonstrate Interactive Document with R and buddies
And how will you share it ?
rCharts Capabilites
GoogleViz Capabilities

Preliminary

You prepare RStudio(newer is better) and R(>3.0).

First of all, I'm sorry to say: you need Proxy... Type setting on RStudio console following manner.

Sys.setenv("http_proxy"="http://(your ID):(your PW)@proxy.xxxx.com:8080/")

And also if you use devtools::install_github(package) command, you should below setting.

library(httr)
set_config(
  use_proxy(url="proxy.xxxx.com", port=8080, username="your ID",password="your PW")
)

Caracters - Slidify

Slidify helps you create and publish beautiful HTML5 presentations from RMarkdown.

Install

require(devtools)
install_github(c('slidify', 'slidifyLibraries'), 'ramnathv')

Caracters - rCharts

rCharts is an R package to create, customize and publish interactive javascript visualizations from R using a familiar lattice style plotting interface.

Install

require(devtools)
install_github('rCharts', 'ramnathv')

Caracters - Shiny

A web application framework for R. Trurn your analyses into interactive web applications. No HTML, CSS, or JavaScript knowledge required.

Install

require(devtools)
install_github('shiny', 'rstudio')

Sub Caracters - GoogleViz

The googleVis package provides an interface between R and the Google Charts API. It allows users to create web pages with interactive charts based on R data frames, using the Google Charts API and to display them either via the local R HTTP help server or within their own sites, without uploading the data to Google. A modern browser with Internet connection is required and for some charts Flash.

install.packages('googleVis')

Sub Caracters - SPARQL

SPARQL is a kind of query language regarding with RDF(Resource Description Framework). R has plug-in support SPARQL client

Install

install.packages("SPARQL")

--- .segue .dark

Dive into Dynamic Document

いんたらくてぃぶ　ちゃーと

Japanse also goes well.
日本語でも大丈夫 (Windowsはむりー！)

  if(!(opts.type==="pieChart" || opts.type==="sparklinePlus" || opts.type==="bulletChart")) {
    var data = d3.nest()
      .key(function(d){
        //return opts.group === undefined ? 'main' : d[opts.group]
        //instead of main would think a better default is opts.x
        return opts.group === undefined ? opts.y : d[opts.group];
      })
      .entries(data);
  }
  
  if (opts.disabled != undefined){
    data.map(function(d, i){
      d.disabled = opts.disabled[i]
    })
  }
  
  nv.addGraph(function() {
    var chart = nv.models[opts.type]()
      .width(opts.width)
      .height(opts.height)
      
    if (opts.type != "bulletChart"){
      chart
        .x(function(d) { return d[opts.x] })
        .y(function(d) { return d[opts.y] })
    }
      
     
    
      
    

    
    
    
  
   d3.select("#" + opts.id)
    .append('svg')
    .datum(data)
    .transition().duration(500)
    .call(chart);

   nv.utils.windowResize(chart.update);
   return chart;
  });
};

</script>

SPARQL

Get Start with "Disaster Prevention Information from Japan Meteorological Agency". Endpoint is "http://api.aitc.jp/ds/sparql". Because of lack of authetication, we should not hit it many times....

PREFIX xsd: <http://www.w3.org/2001/XMLSchema#>
PREFIX atom: <http://www.w3.org/2005/Atom#>
PREFIX jma: <http://cloud.projectla.jp/jma/>
PREFIX area: <http://cloud.projectla.jp/jma/area#>
PREFIX link2: <http://cloud.projectla.jp/jma/link2/>
SELECT ?title ?mon (COUNT(?id) as ?c) 
WHERE { ?id atom:title ?title . ?id atom:updated ?updated } 
GROUP BY ?title (CONCAT(STR(YEAR(xsd:dateTime(?updated))), '/', STR(MONTH(xsd:dateTime(?updated))), '/01') AS ?mon)

And then done

Unfortunatly API is very very fragile. So I stored data to CSV file(met.csv).

# implement library
require(SPARQL)
require(rCharts)

# set endpoint
endpoint <- "http://api.aitc.jp/ds/sparql"

# set query with SPARQL
q <- "(I mentioned before.)""

# Get Result
result <- SPARQL(url=endpoint, query=q, ns=prefix, extra=list(output="csv"), format="csv")
write.csv(result$result, file = "met.csv", row.names = T)

Visualization

Let's go on to the visualization with Highcharts.

And More

Including Shiny, we can dive into data (If shiny server doesn't run, you can't see below chart.)

Choose Data 気象特別警報・警報・注意報土砂災害警戒情報震源に関する情報 <script type="application/json" data-for="title" data-nonempty="">{}</script> Choose Type line scatter <script type="application/json" data-for="type" data-nonempty="">{}</script>

--- .segue .dark

And how will you share it ?

--- .quote

Unfortunatly that might be quit difficult !

Shiny apps need to run above shiny server. In this case, back logic cann't be packed into client app. I mean that with only iPad you cann't view it.

In conclusion, you should create iOS app like shiny server.

--- .segue .dark

rCharts Capabilities

So many JavaScript Vizualization Tool include in.
- Polycharts
- Morris
- NVD3
- xCharts
- HighCharts
- Leaflet
- Rickshaw
- end more !
You can play in here.

--- .segue .dark

GoogleVis Capabilities

Below official document is very helpful at first time
- GoogleVis

Reference

Interactive Doucments
気象庁XMLのSPARQL APIを利用してデータを俯瞰しよう
rCharts
GoogleVis

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

index.md

index.md

Agenda

Preliminary

Caracters - Slidify

Caracters - rCharts

Caracters - Shiny

Sub Caracters - GoogleViz

Sub Caracters - SPARQL

Dive into Dynamic Document

いんたらくてぃぶ　ちゃーと

SPARQL

And then done

Visualization

And More

And how will you share it ?

Unfortunatly that might be quit difficult !

rCharts Capabilities

GoogleVis Capabilities

Reference

Files

index.md

Latest commit

History

index.md

File metadata and controls

Agenda

Preliminary

Caracters - Slidify

Caracters - rCharts

Caracters - Shiny

Sub Caracters - GoogleViz

Sub Caracters - SPARQL

Dive into Dynamic Document

いんたらくてぃぶ ちゃーと

SPARQL

And then done

Visualization

And More

And how will you share it ?

Unfortunatly that might be quit difficult !

rCharts Capabilities

GoogleVis Capabilities

Reference

いんたらくてぃぶ　ちゃーと