Visual Analytics for Linguistics - Day 5 ESSLLI 2017
•
1 like•535 views
This document outlines the content of a five-day course on advanced interactive visualization using the Shiny framework in R. Day 1 introduces visual analytics. Days 2-3 cover visualization methods for unstructured and structured data. Day 4 focuses on advanced interactive visualization. Day 5 teaches how to build Shiny apps for interactive data exploration and presentation. The document provides instructions on downloading required materials and libraries to follow along with examples and practice building a basic Shiny app using UI, server logic, and reactive programming.
Recommended
More Related Content
Similar to Visual Analytics for Linguistics - Day 5 ESSLLI 2017
Similar to Visual Analytics for Linguistics - Day 5 ESSLLI 2017 (20)
More from Olga Scrivner
More from Olga Scrivner (20)
Recently uploaded
Recently uploaded (20)
Visual Analytics for Linguistics - Day 5 ESSLLI 2017
- 1. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Visualization Analytics: Shiny Framework Olga Scrivner
- 2. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice What You Will Learn DAY 1 Introduction to Visual Analytics DAY 2 Visualization Methods, Design, and Tools DAY 3 Working with Unstructured Data DAY 4 Working with Structured Data DAY 5 Advanced Interactive Visualization with Shiny
- 3. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Our Materials - Web Site - Day 5 http: //obscrivn.wixsite.com/visualization
- 4. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice What We Need R library shiny Download zip file from Syllabus Day 5
- 5. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice What We Need R library shiny Download zip file from Syllabus Day 5
- 6. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Quick Overview: Visual Analytics and Linguistics “ Language is a system of relatively arbitrary symbols” (Baker-Shenk and Cokely, 1980) http://www.tableaufit.com/tableau-conference-linguistics-data-visualization/
- 7. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Visual Analytics (and Corpus Linguistics) 1. Exploration (Queries) 2. Comprehension (Analysis) 3. Communication (Presentation)
- 8. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Visualization Tools Challenges: Many tools are built for non-linguistic research Limited preprocessing Visualization may not fit linguistic data
- 9. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Visualization Tools Challenges: Many tools are built for non-linguistic research Limited preprocessing Visualization may not fit linguistic data Solution: Reactive Framework Interactive and web-based Research-driven customization Build your own tool!
- 10. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Reactive Web Framework “Reactive Systems are highly responsive, giving users effective interactive feedback” http://www.reactivemanifesto.org/ http://littleactuary.github.io/blog/Web-application-framework-with-Shiny/
- 11. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Reactive Architecture
- 12. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Reactive Framework and Data Science “The impact of data scientists’ work depends on how well others can understand their insights to take further actions” Benefit 1: Interactive display and manipulation of data Benefit 2: No installation required Benefit 3: Easy to develop and share with clients and project teams Benefit 4: Open source library http://datascience.ibm.com/blog/shiny-a-data-scientist-best-friend/
- 13. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Shiny Application 1. Shiny is an R package for building interactive web applications 2. Open-Sourced by RStudio 11/2012 on CRAN 3. Uses web sockets (new HTTP): Interactive communication sessions between the user’s browser and a server without having to poll the server for a reply 4. Entirely extensible - custom input/output
- 14. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Shiny Library http://littleactuary.github.io/blog/Web-application-framework-with-Shiny/
- 15. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Shiny Gallery - Get Inspired - 5 min https://www.rstudio.com/products/shiny/ shiny-user-showcase/ Shiny apps for teaching Shiny apps for analytics
- 16. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Show me Shiny - Get Inspired - 5 min https: //www.rstudio.com/products/shiny/ shiny-user-showcase/ Select one or two applications, examine the app and the code
- 17. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Workshop Materials 1. Rstudio 2. Install and activate shiny library 3. Materials: Zip file - shinyworkshopfiles https: //github.com/Jivitesh-Poojary/CNS-Shiny-Apps
- 18. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Shiny Demo In the console - left bottom window - type runExample(“01 hello”) Click enter/return runExample(“01 hello”)
- 19. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Shiny Demo
- 20. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Shiny Demo
- 21. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice UI.R
- 22. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Reactive Input/Output Input - things user can toggle Output - R objects that user can see, often depend on inputs
- 23. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Closing App
- 24. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Step 1 - Create New Web Shiny App Place new shiny directory inside your zip file directory, name it myshiny
- 25. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Step 2 - Run App
- 26. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice UI shinyUI( fluidPage( titlePanel(“Old Faithful Geyser Data”), sidebarLayout( sidebarPanel( sliderInput(“bins”, “Number of bins:”, min = 1, max = 50, value = 30)
- 27. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice UI shinyUI( fluidPage( titlePanel(“Old Faithful Geyser Data”), sidebarLayout( sidebarPanel( sliderInput(“bins”, “Number of bins:”, min = 1, max = 50, value = 30)
- 28. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Modifying UI - Practice Change slider’s label: Number of bins → Choose a number Change slider’s values: max and value Save RunApp
- 29. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice HTML The UI script simply creates HTML
- 30. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice HTML - 5 min HTML tags: http: //shiny.rstudio.com/articles/tag-glossary.html h1() = header1 br() = line break p() = paragraph hr() = line
- 31. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Adding HTML Tags to UI.R - Practice shinyUI( fluidPage( titlePanel(“My Title”), h3(“My subtitle”), p(“This is my first app!”), br(), hr(),
- 32. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Layout - 5 min http: //shiny.rstudio.com/articles/layout-guide.html
- 33. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice mainPanel mainPanel( plotOutput(”distPlot”)) Let’s add 3 tab panels: Plot, Summary, Table
- 34. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice tabsetPanel mainPanel( tabsetPanel( tabPanel(“Plot”, plotOutput(“distPlot”)), tabPanel(“Summary”), tabPanel(“Table”) ) )
- 35. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Input Data
- 36. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Input Data 1. Zip Folder - shinyworkshopfiles - movie metadata.csv 2. Place it into the directory myshiny
- 37. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice New Input in UI.R Let’s look at the fileInput() function from Shiny Reference page Type in your browser: fileInput Shiny or go to the Shiny Reference page - https://shiny.rstudio.com/reference/shiny/ latest/fileInput.html
- 38. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice New Input in UI.R Scroll down to Examples We will add fileInput function inside sidebarPanel Copy fileInput function
- 39. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice New Input in UI.R Paste it after slider NB: commas are important!
- 40. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Reactive Function in Sever.R Reactive - it changes every time the user uploads new data Create a function that reads csv file myfile() is a function that will read and return csv files
- 41. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Render - Reactive Data
- 42. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Function summary in Server.R output$summary <- renderPrint({ summary(myfile()) })
- 43. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice New Output Function table in Server.R output$table <- renderDataTable({ myfile() })
- 44. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Linking summary and table with UI.R tabsetPanel( tabPanel("Plot", plotOutput("distPlot")), tabPanel("Summary", verbatimTextOutput("summary")), tabPanel("Table", dataTableOutput("table")) )
- 45. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Linking summary and table with UI.R tabsetPanel( tabPanel("Plot", plotOutput("distPlot")), tabPanel("Summary", verbatimTextOutput("summary")), tabPanel("Table", dataTableOutput("table")) ) RunApp
- 46. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Testing CSV Upload
- 47. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice One more IF-Statement - Server.R We want to do a histogram for csv file: if (condition) {do..} else {do...}
- 48. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice One more IF-Statement - Server.R We want to do a histogram for csv file: if (condition) {do..} else {do...} output$distPlot <- renderPlot({ if (is.null(input$file1)) { .... hist(x, breaks = bins, col = ’darkgray’, border = ’white’) }
- 49. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice One more IF-Statement - Server.R We want to do a histogram for csv file: if (condition) {do..} else {do...} output$distPlot <- renderPlot({ if (is.null(input$file1)) { .... hist(x, breaks = bins, col = ’darkgray’, border = ’white’) } else{ x <- myfile()$budget bins <- seq(min(x), max(x), length.out = input$bins + 1) hist(x, breaks = bins, col=’red’, main = ’My New Histogram’) } })
- 50. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice RunApp
- 51. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Server - Recap
- 52. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Deployment Options 1. Share server.r and ui.r 2. Host on shinyapps.io 3. Host on Shiny server
- 53. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Deploy with shinyapps.io www.shinyapps.io sign up for an account. Publish Application button in RStudio and follow instructions
- 54. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Deploy with shinyapps.io
- 55. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice My shinyapps.io
- 56. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice My shinyapps.io
- 57. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Future of Visualization Tools: CNS Cyberinfrastructure for Network Science Center at Indiana University - http://cns.iu.edu/ Our current project on Shiny Framework (team Olga Scrivner and Jivitesh Poojary) Build Shiny templates for Data Visualization: stage I https: //github.com/Jivitesh-Poojary/CNS-Shiny-Apps Create user-friendly customizable Shiny dashboards: stage II Develop preprocessing plugins for Shiny templates: stage III
- 58. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Create Your Own Shiny Select one of the application from Zip files: Word cloud with the library wordcloud2 Network graph with the library igraph Streamgraph with the library streamgraph Streamgraph is not available through install You will need to install first the library devtools Run: library(devtools) devtools::install github("hrbrmstr/streamgraph") library(streamgraph)
- 59. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Useful resources 1. Shiny official tutorial - http://shiny.rstudio.com/tutorial 2. Cheat sheet - http://shiny.rstudio.com/images/ shiny-cheatsheet.pdf 3. Publish your app free - http://www.shinyapps.io 4. Examples -http://www.showmeshiny.com/ 5. Tutorial by Dean Attali - http://deanattali.com/ blog/building-shiny-apps-tutorial/
- 60. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Thank you! My email: obscrivn@indiana.edu
- 61. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice References B¨orner, Katy. 2015. Atlas of Knowledge: Anyone Can Map. The MIT Press Collins, Christopher. 2012. Bridging the Linguistic Visualization Divide. LingVis/UNCLH Workshop Grolemund, Garrett. 2017. How to start with Shiny, Part 1. Workshop
- 62. Visualization Analytics: Shiny Framework Olga Scrivner Course Info Reactive Framework Shiny App Practice Credits http: //deanattali.com/blog/building-shiny-apps-tutorial/ http://scimaps.org/mapdetail/stream_of_scientific_128 https://github.com/IBMDataScience/dsx-shiny-apps http://www.slideshare.net/SarahAerni/ data-science-as-a-commodity-use-madlib-r-other-oss-tools-for-data- http://www.unixstickers.com/image/data/stickers/ react/badge/React-JS.sh.png https://github.com/rstudio/shiny/issues/250 http://www.slideshare.net/ilio-catallo/ spring-mvc-the-basics