making your graphs come to life - r-project.org
TRANSCRIPT
![Page 1: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/1.jpg)
Making Your Graphs Come To LifeMonika Huhn, Jesper Havsol, Daniel Goude, Volker Schnecke,Christoffer Stedt, Martin Karpefors
2nd of July, 2015
![Page 2: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/2.jpg)
Pharmaceutical company withresearch spanning from discoveryto late stage clinical research
Advanced Analytics Centre ~25 peopleDifferent skills coming together toprovide novel solutions to datadriven clinical research problems indrug development, through applieddata science.
2nd of July, 2015: Making Your Graphs Come To Life
Introduction AstraZeneca
![Page 3: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/3.jpg)
2nd of July, 2015: Making Your Graphs Come To Life
Introduction Making Your Graphs ComeTo LifeAnimation application using D3 and R Shiny, in use at AstraZeneca toexplore clinical data.
Structure: MotivationToolsImplementationDemoConclusions
![Page 4: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/4.jpg)
MotivationTools
ImplementationDemo
Conclusions
![Page 5: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/5.jpg)
Manydifferentvariables
Recordedover time
2nd of July, 2015: Making Your Graphs Come To Life
Clinical Data
![Page 6: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/6.jpg)
Technical hurdle:Data not easily anddirectly accessible formedical experts.
2nd of July, 2015: Making Your Graphs Come To Life
Problem
![Page 7: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/7.jpg)
Interactivity:Applications that enableeasy data exploration.
2nd of July, 2015: Making Your Graphs Come To Life
Solution
![Page 8: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/8.jpg)
2nd of July, 2015: Making Your Graphs Come To Life
Benefits & risks of animated dataInspired by Hans Roslings famous Gapminder example
Benefits: Additional variable can be displayed in a meaningfulwayAllows spotting of temporal patterns
Risks:Can distract from dataUser has to be able to follow the individual data points overtimeCan it be interactive enough for exploratory research?
→ We tried to take these points into account in the design
![Page 9: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/9.jpg)
MotivationTools
ImplementationDemo
Conclusions
![Page 10: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/10.jpg)
2nd of July, 2015: Making Your Graphs Come To Life
Web Application Framework for R
Developed by RStudio team
Allows web development using R but can also be extended usingHTML/css/javascript
shiny.rstudio.com
![Page 11: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/11.jpg)
2nd of July, 2015: Making Your Graphs Come To Life
Javascript library developed by Mike BostockManipulate documents based on data by binding to DOMelementsBeautiful visualizations when used in connection with svg elementsVery advanced transition capabilitiesAdvantage: absolute flexibilityDisadvantage: longer learning process
d3js.org
![Page 12: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/12.jpg)
MotivationTools
ImplementationDemo
Conclusions
![Page 13: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/13.jpg)
2nd of July, 2015: Making Your Graphs Come To Life
Combination of tools with differentstrengthsPure javascript implementation run into trouble with data manipulations → use different tools and focus on their strengths:
: Data manipulation
: Easily creating a web page frame with reactive elements
: Beautiful graphics and transitions
![Page 14: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/14.jpg)
Server side:Data preparation using R
Send data using handler
function
Client side: D3 animation updated
2nd of July, 2015: Making Your Graphs Come To Life
ImplementationMain question: How to connect D3 and Shiny?
![Page 15: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/15.jpg)
MotivationTools
ImplementationDemo
Conclusions
![Page 16: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/16.jpg)
2nd of July, 2015: Making Your Graphs Come To Life
Start page
![Page 17: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/17.jpg)
2nd of July, 2015: Making Your Graphs Come To Life
Animation
![Page 18: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/18.jpg)
Click marker totrace
Click legend tofilter
2nd of July, 2015: Making Your Graphs Come To Life
Follow individuals and filter
![Page 19: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/19.jpg)
MotivationTools
ImplementationDemo
Conclusions
![Page 20: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/20.jpg)
2nd of July, 2015: Making Your Graphs Come To Life
Conclusions
Great potential in connecting the different tools
Interactive features enable nontechnical users to explore data
Animation conveys a more powerful message than static plots could
Enables temporal pattern detection → supported findings about relation between HbA1c and weightchange that are currently being published
![Page 21: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/21.jpg)
2nd of July, 2015: Making Your Graphs Come To Life
References and further reading:
AstraZeneca (http://www.astrazeneca.com/)
Gapminder (http://www.gapminder.org/)
Research paper by Danyel Fisher (Microsoft Research):Animation for Visualization: Opportunities and Drawbacks(http://research.microsoft.com/pubs/130998/bv_ch19.pdf)
R Shiny (http://shiny.rstudio.com/)
D3 (http://d3js.org/)
![Page 22: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/22.jpg)
2nd of July, 2015: Making Your Graphs Come To Life
Confidentiality Notice
This file is private and may contain confidential and proprietary information. If you have received this file inerror, please notify us and remove it from your system and note that you must not copy, distribute or take anyaction in reliance on it. Any unauthorized use or disclosure of the contents of this file is not permitted and maybe unlawful. AstraZeneca PLC, 2 Kingdom Street, London, W2 6BD, UK, T: +44(0)20 7604 8000, F: +44 (0)207604 8151, www.astrazeneca.com
![Page 23: Making Your Graphs Come To Life - r-project.org](https://reader030.vdocument.in/reader030/viewer/2022012511/6188cfc4c9265c3aff22264f/html5/thumbnails/23.jpg)