Create powerful dataviz with R

class: center, middle, inverse, title-slide

# Create powerful dataviz with R
### <br><br><strong>Ilya Kashnitsky</strong>
### <br>RLadies Nairobi 2021<br>2021-09-04

---

layout: false
class: bg-main1

.column[
.split-two[
.column[.content[
<blockquote class="twitter-tweet" data-conversation="none" align="center" data-width="550" data-lang="en" data-dnt="true" data-theme="dark"><p lang="und" dir="ltr"><a href="https://t.co/kPn9MKaqzm">pic.twitter.com/kPn9MKaqzm</a></p>— Ilya Kashnitsky (@ikashnitsky) <a href="https://twitter.com/ikashnitsky/status/1377347138862993414?ref_src=twsrc%5Etfw">March 31, 2021</a></blockquote>

]]

.column[.content[
<blockquote class="twitter-tweet" data-conversation="none" align="center" data-width="550" data-lang="en" data-dnt="true" data-theme="dark"><p lang="en" dir="ltr">Here's another while I'm avoiding grading <a href="https://t.co/4l6Sg4yMc8">pic.twitter.com/4l6Sg4yMc8</a></p>— Monica Alexander (@monjalexander) <a href="https://twitter.com/monjalexander/status/1377972237760933895?ref_src=twsrc%5Etfw">April 2, 2021</a></blockquote>

]]
]
]

???
#===Demography memes

---
layout:false
class: center middle

https://doi.org/10.4054/demres.2019.41.17

???
#===Mexican states

---
layout: false
class: bg-main1

.column[.content[
<blockquote class="twitter-tweet" align="center" data-width="550" data-lang="en" data-dnt="true" data-theme="dark"><p lang="en" dir="ltr">My <a href="https://twitter.com/hashtag/dataviz?src=hash&ref_src=twsrc%5Etfw">#dataviz</a> course w/ <a href="https://twitter.com/MPIDRnews?ref_src=twsrc%5Etfw">@MPIDRnews</a> & <a href="https://twitter.com/IMPRS_PHDS?ref_src=twsrc%5Etfw">@IMPRS_PHDS</a> starts today. Excited and slightly nervous to deliver to 180+ participants 🙀<br>The course now has its own account here <a href="https://twitter.com/DatavizArtSkill?ref_src=twsrc%5Etfw">@DatavizArtSkill</a><br>And a hashtag <a href="https://twitter.com/hashtag/datavizartskill?src=hash&ref_src=twsrc%5Etfw">#datavizartskill</a> <a href="https://t.co/uPNiFcdIvC">pic.twitter.com/uPNiFcdIvC</a></p>— Ilya Kashnitsky (@ikashnitsky) <a href="https://twitter.com/ikashnitsky/status/1404307967537713152?ref_src=twsrc%5Etfw">June 14, 2021</a></blockquote>

]]
???
#===Dataviz Art/Skill

---
layout:false
class: center middle

https://doi.org/10.33612/diss.134195227

???
#===PhD Acknowledgements

---
layout:false
class: center middle

<img src="data:image/png;base64,#https://i.imgur.com/JdGefX1.jpg" style="width:60%" />
???
#===DUDE

---
layout: false
class: bg-black hide-slide-number

.font5.white.center[
rule 0<br><br>DO VISUALIZE YOUR DATA
]  
???
#==rule 0

---
layout: false
class: bg-main1 split-10

.column[.content.sideways-rl[
.font4[Anscombe's Quartet]  
]]

.column[.content.center[
<img width="80%" src="data:image/png;base64,#https://i.imgur.com/QA3Ss8D.png" />

http://i.imgur.com/QA3Ss8D.png
]]
???
#===Anscombe's Quartet

---
layout: false
class: bg-main1

.column[.content[
<blockquote class="twitter-tweet" align="center" data-width="550" data-lang="en" data-dnt="true" data-theme="dark"><p lang="en" dir="ltr">New <a href="https://twitter.com/hashtag/chi2017?src=hash&ref_src=twsrc%5Etfw">#chi2017</a> paper is up. Don't trust statistics alone, visualize your data!<a href="https://t.co/amnbAYvsq1">https://t.co/amnbAYvsq1</a> <a href="https://t.co/1s6vkge6dl">pic.twitter.com/1s6vkge6dl</a></p>— Justin Matejka (@JustinMatejka) <a href="https://twitter.com/JustinMatejka/status/859075295059562498?ref_src=twsrc%5Etfw">May 1, 2017</a></blockquote>

]]
???
#===Dino animation

---
layout: false
class: bg-main1

.column[.content[
<blockquote class="twitter-tweet" align="center" data-width="550" data-lang="en" data-dnt="true" data-theme="dark"><p lang="en" dir="ltr">Visualizing summary statistics in a <a href="https://twitter.com/hashtag/boxplot?src=hash&ref_src=twsrc%5Etfw">#boxplot</a> is great. But don't forget to explore the underlying data distribution. <br><br>Thanks to <a href="https://twitter.com/JustinMatejka?ref_src=twsrc%5Etfw">@JustinMatejka</a> for this great educational dataset.<a href="https://twitter.com/hashtag/30DayChartChallenge?src=hash&ref_src=twsrc%5Etfw">#30DayChartChallenge</a> | <a href="https://twitter.com/hashtag/Day27?src=hash&ref_src=twsrc%5Etfw">#Day27</a> | <a href="https://twitter.com/hashtag/educational?src=hash&ref_src=twsrc%5Etfw">#educational</a> <a href="https://twitter.com/hashtag/dataviz?src=hash&ref_src=twsrc%5Etfw">#dataviz</a> <a href="https://twitter.com/hashtag/Rstats?src=hash&ref_src=twsrc%5Etfw">#Rstats</a> <a href="https://twitter.com/hashtag/ggplot2?src=hash&ref_src=twsrc%5Etfw">#ggplot2</a> <a href="https://twitter.com/hashtag/statistics?src=hash&ref_src=twsrc%5Etfw">#statistics</a> <a href="https://twitter.com/hashtag/violinplot?src=hash&ref_src=twsrc%5Etfw">#violinplot</a> <a href="https://t.co/JfNwMzuash">pic.twitter.com/JfNwMzuash</a></p>— Mihaela Bozukova (@MBozukova) <a href="https://twitter.com/MBozukova/status/1387094850995118081?ref_src=twsrc%5Etfw">April 27, 2021</a></blockquote>

]] 
???
#===MBozukova distributions

---
layout: true
class: bg-white split-10

.column[.content.sideways-rl[
.font5.main1[Ulam spiral]  
]]

.column[.content.vmiddle.center[
{{content}}
]]

---
count:true
<img width="60%" src="data:image/png;base64,#https://i.imgur.com/Ym0oKHj.png" />

---
count:false
<img width="100%" src="data:image/png;base64,#https://i.imgur.com/T7xz3UN.png" />

---
count:false
<img width="100%" src="data:image/png;base64,#https://i.imgur.com/MxUNZxV.png" />

???
#===Ulam spiral

---
layout: false
class: bg-main1

.column[.content.center[
<iframe width="100%" height="600px" style="background: #FFFFFF;" src="https://www.economist.com/graphic-detail/2021/08/20/a-study-on-dishonesty-was-based-on-fraudulent-data"></iframe>
https://datacolada.org/98
]]

???
#===Ariely fake data

---
layout: false
class: bg-black hide-slide-number

.font5.white.center[
rule 1<br><br>text should be horizontal
]  
???
#==RULE 1

---
layout: false
class: bg-white

.column[.content.center[
<img width="80%" src="data:image/png;base64,#https://pbs.twimg.com/media/EyeZQtdWUAUlBbR?format=png&name=large" />
https://twitter.com/ikashnitsky/status/1378673154730647555
]] 
???
#===#RotateTheDamnPlot

---
layout: false
class: bg-main1 split-10

.column[.content.sideways-rl[
.font4[Dotplot blog post]  
]]

.column[.content[
<iframe width="980px" height="630px" style="background: #FFFFFF;" src="https://ikashnitsky.github.io/2019/dotplot/"></iframe>
https://ikashnitsky.github.io/2019/dotplot
]]

???
#===Dotplot blog post

---
layout: true
class: bg-white split-10

.column[.content.sideways-rl[
.font5.main1[figure improvement]  
]]

.column[.content.vmiddle.center[
{{content}}
]]

---
count:true
<img width="90%" src="data:image/png;base64,#https://i.imgur.com/OX29e5f.png" />
https://doi.org/10.1186/s41118-019-0057-y

---
count:false
<img width="80%" src="data:image/png;base64,#https://i.imgur.com/LJdMuGf.png" />
https://gist.github.com/ikashnitsky/2800295e304b4858be553432de4a0d11

---
count:false
<img width="100%" src="data:image/png;base64,#https://i.imgur.com/LFsmc42.png" />
https://twitter.com/ikashnitsky/status/1192901559568523269

???
#===example of a figure improvement

---
layout: false
class: bg-black hide-slide-number

.font5.white.center[
rule 2<br><br>on slides, text should be as large as possible
]  
???
#==RULE 2

---
layout: false
class: bg-white

.column[.content.center[
<img width="70%" src="data:image/png;base64,#https://pbs.twimg.com/media/EyeZRl_XEAELLvu?format=jpg&name=medium" />
https://twitter.com/ikashnitsky/status/1380247030463881224
]] 
???
#===#IncreaseTheDamnFont

---
layout: false
class: bg-main1 split-10

.column[.content.sideways-rl[
.font5[[@DamnPlot](https://twitter.com/DamnPlot)]  
]]

.column[.content.center[
<img src="data:image/png;base64,#https://i.imgur.com/iht1Jub.png" style="width: 70%" />

https://twitter.com/DamnPlot
]]
???
#===DamnPlot

---
layout: false
class: bg-main1

.column[.content.center[
<img width="70%" src="data:image/png;base64,#https://i.imgur.com/JRC9VZG.png" />
]] 
???
#===Poor slide

---
layout: false
class: bg-main1

.column[.content.center[
<img width="90%" src="data:image/png;base64,#https://i.imgur.com/bYePASN.jpg" />
]] 
???
#===Leo

---
layout: false
class: bg-main1

.column[.content.center[
<img width="90%" src="data:image/png;base64,#https://i.imgur.com/nvNEc2F.jpg" />
]] 
???
#===Leo 2

---
layout: false
class: bg-main1

.column[.content.center[
<img width="90%" src="data:image/png;base64,#https://i.imgur.com/KpBVKP1.png" />
]] 
???
#===my plot life expectancy

---
layout: false
class: bg-black hide-slide-number

.font5.white.center[
rule 3<br><br>mind colors, especially regarding colorblind friendliness
]  
???
#==RULE 3

---
layout: false
class: bg-main1

.column[.content[
<blockquote class="twitter-tweet" data-conversation="none" align="center" data-width="550" data-lang="en" data-dnt="true" data-theme="dark"><p lang="und" dir="ltr"><a href="https://t.co/KPqzPh06Iq">https://t.co/KPqzPh06Iq</a> <a href="https://t.co/P1YWTIWooR">pic.twitter.com/P1YWTIWooR</a></p>— Ilya Kashnitsky (@ikashnitsky) <a href="https://twitter.com/ikashnitsky/status/1257952618267148289?ref_src=twsrc%5Etfw">May 6, 2020</a></blockquote>

]] 
???
#===Colorblind map example

---
layout: false
class: bg-main1

.column[.content[
<blockquote class="twitter-tweet" align="center" data-width="550" data-lang="en" data-dnt="true" data-theme="dark"><p lang="en" dir="ltr">After 3 years of neglecting them, I am - finally - taking the time to update viridis(Lite). It will come with 3 new and beautiful color maps, all colorblind-friendly. Here is a preview to wait until they ship to CRAN later this week :-) <a href="https://twitter.com/hashtag/rstats?src=hash&ref_src=twsrc%5Etfw">#rstats</a> <a href="https://twitter.com/hashtag/dataviz?src=hash&ref_src=twsrc%5Etfw">#dataviz</a> <a href="https://t.co/dogF6pi9r3">pic.twitter.com/dogF6pi9r3</a></p>— Simon Garnier (@sjmgarnier) <a href="https://twitter.com/sjmgarnier/status/1381250856239124482?ref_src=twsrc%5Etfw">April 11, 2021</a></blockquote>

]] 
???
#===viridis update

---
layout: false
class: bg-black hide-slide-number

.font5.white.center[
rule 4<br><br>highlight what's important for the story friendliness
]  
???
#==RULE 4

---
layout: false
class: bg-main1

.column[.content[
<blockquote class="twitter-tweet" align="center" data-width="550" data-lang="en" data-dnt="true" data-theme="dark"><p lang="en" dir="ltr">Spent way too long trying to work out what was so special about her knee <a href="https://t.co/0epzaJeQKk">https://t.co/0epzaJeQKk</a></p>— Alex Selby-Boothroyd (@AlexSelbyB) <a href="https://twitter.com/AlexSelbyB/status/1404075318449692674?ref_src=twsrc%5Etfw">June 13, 2021</a></blockquote>

]] 
???
#===gymnastic circle

---
layout: false
class: bg-main1 split-10

.column[.content.sideways-rl[
.font4[Barca Numbers]  
]]

.column[.content.center[
<iframe width="980px" height="620px" style="background: #FFFFFF;" src="https://barcanumbers.wordpress.com/2018/12/06"></iframe>
https://barcanumbers.wordpress.com/2018/12/06
]]

???
#===Barca Numbers

---
layout: false
class: bg-main1 split-10

.column[.content.sideways-rl[
.font4[FT covid]  
]]

.column[.content.center[
<iframe width="980px" height="620px" style="background: #FFFFFF;" src="https://www.ft.com/content/a26fbf7e-48f8-11ea-aeb3-955839e06441"></iframe>
https://www.ft.com/content/a26fbf7e-48f8-11ea-aeb3-955839e06441
]]

???
#===FT covid

---
layout: false
class: bg-black hide-slide-number

.font5.white.center[
rule 5<br><br>plots don't have to be overly complicated to be powerful
]  
???
#==RULE 5

---
layout: false
class: bg-main1

.column[.content[
<blockquote class="twitter-tweet" align="center" data-width="550" data-lang="en" data-dnt="true" data-theme="dark"><p lang="en" dir="ltr">Climate change is happening now & is happening everywhere. Our lives are already being affected by the warming of the planet.<br><br>Human activities are causing these fundamental changes to the climate. Burning fossil fuels & deforestation are the primary reasons.<br><br>Our choices matter. <a href="https://t.co/SPnkVYq10u">pic.twitter.com/SPnkVYq10u</a></p>— Ed Hawkins (@ed_hawkins) <a href="https://twitter.com/ed_hawkins/status/1380478355921854466?ref_src=twsrc%5Etfw">April 9, 2021</a></blockquote>

]] 
???
#===climate stripes

---
layout: false
class: bg-main1

.column[.content[
<blockquote class="twitter-tweet" align="center" data-width="550" data-lang="en" data-dnt="true" data-theme="dark"><p lang="en" dir="ltr">Austria vs Germany ⚽️ The First 111 Years <a href="https://twitter.com/hashtag/AUTGER?src=hash&ref_src=twsrc%5Etfw">#AUTGER</a> international <a href="https://twitter.com/hashtag/football?src=hash&ref_src=twsrc%5Etfw">#football</a> results since 1907: <br>🇦🇹 10 wins<br>🇩🇪 25 wins<br>✖️ 6 draws<a href="https://twitter.com/hashtag/dataviz?src=hash&ref_src=twsrc%5Etfw">#dataviz</a> by <a href="https://twitter.com/tinafrank?ref_src=twsrc%5Etfw">@tinafrank</a> & <a href="https://twitter.com/metropop_eu?ref_src=twsrc%5Etfw">@metropop_eu</a> <a href="https://t.co/iRjXmpNsOe">pic.twitter.com/iRjXmpNsOe</a></p>— ramon bauer (@metropop_eu) <a href="https://twitter.com/metropop_eu/status/1003238957499518976?ref_src=twsrc%5Etfw">June 3, 2018</a></blockquote>

]] 
???
#===Austria vs Germany

---
layout: false
class: bg-main1 split-10

.column[.content.sideways-rl[
.font4[528 longest living]  
]]

.column[.content.center[
<img width="57%" src="data:image/png;base64,#https://fivethirtyeight.com/wp-content/uploads/2015/05/goldenburg-oldest-person-chart1.png" />

https://fivethirtyeight.com/features/why-the-oldest-person-in-the-world-keeps-dying
]]

???
#===528 longest living

---
layout: false
class: bg-blue-gray hide-slide-number

.font5.white.center[
(not rules) suggestions
]  
???
#=(NOT RULES) suggestion

---
layout: false
class: bg-blue hide-slide-number

.font5.white.center[
When possible and meaningful for you story – animate
]  
???
#==animate when possible

---
layout: false
class: bg-main1

.column[.content[
<blockquote class="twitter-tweet" align="center" data-width="550" data-lang="en" data-dnt="true" data-theme="dark"><p lang="en" dir="ltr">Remade the <a href="https://twitter.com/WSJ?ref_src=twsrc%5Etfw">@WSJ</a> measles vaccination visualization using ggplot2 and the animation package <a href="https://twitter.com/hashtag/rstats?src=hash&ref_src=twsrc%5Etfw">#rstats</a> <a href="https://t.co/cnIScD9ymI">pic.twitter.com/cnIScD9ymI</a></p>— Michael Lee 🚴📊🇷 (@mikeleeco) <a href="https://twitter.com/mikeleeco/status/876792944396730368?ref_src=twsrc%5Etfw">June 19, 2017</a></blockquote>

]] 
???
#===US vaccination

---
layout: false
class: bg-main1

.column[.content[
<blockquote class="twitter-tweet" align="center" data-width="550" data-lang="en" data-dnt="true" data-theme="dark"><p lang="en" dir="ltr">Challenge accepted! Here is a transition between surface area of US counties and their associated population. This arguably provides a much more accurate reading of the situation. <a href="https://twitter.com/observablehq?ref_src=twsrc%5Etfw">@observablehq</a> notebook: <a href="https://t.co/wdfMeV5hO4">https://t.co/wdfMeV5hO4</a> <a href="https://twitter.com/hashtag/HowChartsLie?src=hash&ref_src=twsrc%5Etfw">#HowChartsLie</a> <a href="https://twitter.com/hashtag/DataViz?src=hash&ref_src=twsrc%5Etfw">#DataViz</a> <a href="https://twitter.com/hashtag/d3js?src=hash&ref_src=twsrc%5Etfw">#d3js</a> <a href="https://t.co/lStHeeuMUw">https://t.co/lStHeeuMUw</a> <a href="https://t.co/MpYiXtsHmu">pic.twitter.com/MpYiXtsHmu</a></p>— Karim Douïeb (@karim_douieb) <a href="https://twitter.com/karim_douieb/status/1181695687005745153?ref_src=twsrc%5Etfw">October 8, 2019</a></blockquote>

]] 
???
#===US elections

---
layout: false
class: bg-main1 split-10

.column[.content.sideways-rl[
.font4[barchart race]  
]]

.column[.content.center[
<iframe width="980px" height="620px" style="background: #FFFFFF;" src="https://www.ft.com/video/83703ffe-cd5c-4591-9b4f-a3c087aa6d19"></iframe>
https://www.ft.com/video/83703ffe-cd5c-4591-9b4f-a3c087aa6d19
]]

???
#===barchart race cities

---
layout: false
class: bg-main1 split-10

.column[.content.sideways-rl[
.font4[hmdexp shiny]  
]]

.column[.content.center[
<iframe width="980px" height="620px" style="background: #FFFFFF;" src="https://jschoeley.shinyapps.io/hmdexp"></iframe>
https://jschoeley.shinyapps.io/hmdexp
]]

???
#===hmdexp shiny

---
layout: false
class: bg-blue hide-slide-number

.font5.white.center[
Mind the nature of the data
]  
???
#==nature of the data

---
layout: false
class: bg-main1

.column[.content[
<blockquote class="twitter-tweet" align="center" data-width="550" data-lang="en" data-dnt="true" data-theme="dark"><p lang="en" dir="ltr">if I had just one shot to share an important idea💡here it is. No joke. Look 👀<br><br>RATIOS DEMAND LOG SCALE<br><br>👇 the coolest non-trivial example when a log Y-axis is required to represent ratios<br><br>going from 50 in ~1988 to 25 in ~2001 is as bad as going from 100 in 1970 to 50 in ~1988 <a href="https://t.co/yp7HEnWZY6">pic.twitter.com/yp7HEnWZY6</a></p>— Ilya Kashnitsky (@ikashnitsky) <a href="https://twitter.com/ikashnitsky/status/1380247006170509312?ref_src=twsrc%5Etfw">April 8, 2021</a></blockquote>

]] 
???
#===LogTheDamnRatio

---
layout: false
class: bg-main1

.column[.content[
<blockquote class="twitter-tweet" align="center" data-width="550" data-lang="en" data-dnt="true" data-theme="dark"><p lang="en" dir="ltr">When <a href="https://twitter.com/hashtag/dataviz?src=hash&ref_src=twsrc%5Etfw">#dataviz</a> design choice is not just about aesthetics<br><br>Here is my strong opinion on a common issue with excess death plots that I keep noticing and thinking about – Y-axis should necessarily start at 0<br><br>Below goes my straightforward reasoning<br><br>1/thread <a href="https://t.co/2HGY0BXMrf">pic.twitter.com/2HGY0BXMrf</a></p>— Ilya Kashnitsky (@ikashnitsky) <a href="https://twitter.com/ikashnitsky/status/1409472083965349892?ref_src=twsrc%5Etfw">June 28, 2021</a></blockquote>

]] 
???
#===Excess deaths zero base

---
layout: false
class: bg-blue hide-slide-number

.font5.white.center[
Dare experimenting
]  
???
#==dare experimenting

---
layout: false
class: bg-main1 split-10

.column[.content.sideways-rl[
.font4[Money/Happiness]  
]]

.column[.content[
<iframe width="980px" height="620px" style="background: #FFFFFF;" src="https://www.visualcapitalist.com/wp-content/uploads/2018/03/money-happiness-large.html"></iframe>
https://www.visualcapitalist.com/wp-content/uploads/2018/03/money-happiness-large.html
]]

???
#===Money/Happiness diamond plot

---
layout: false
class: bg-main1

.column[.content[
<blockquote class="twitter-tweet" align="center" data-width="550" data-lang="en" data-dnt="true" data-theme="dark"><p lang="en" dir="ltr">I’d argue that by rotating the axis we change the story. If the axes were squared we’d just say Lewendowski is taking less shots but of a higher quality than Mbappé, but rotating may show Mbappé is less risk averse and it’s paying off <a href="https://t.co/FudNJC43P3">https://t.co/FudNJC43P3</a></p>— Peter McKeever (@petermckeever) <a href="https://twitter.com/petermckeever/status/1181687293331038209?ref_src=twsrc%5Etfw">October 8, 2019</a></blockquote>

]] 
???
#===diamond plot

---
layout: false
class: bg-main1

.column[.content.center[
<iframe width="100%" height="600px" style="background: #FFFFFF;" src="https://ikashnitsky.github.io/2018/the-lancet-paper"></iframe>
https://twitter.com/ikashnitsky/status/1020257091574018048
]]

???
#===Ternary colorcoded map Lancet

---
layout: false
class: bg-pink hide-slide-number

.font5.white.center[
code link:<br>
]  
.font4.white.center[
bit.ly/rladies21ik
]
???
#=GITHUB link

---
layout: false
class: bg-indigo hide-slide-number

.font5.white.center[
Dataviz principles
]  
???
#===Dataviz principles

---
layout: false
class: bg-main1 split-10

.column[.content.sideways-rl[
.font4[policyviz cheatsheet]  
]]

.column[.content.center[
<iframe width="980px" height="620px" style="background: #FFFFFF;" src="https://policyviz.com/2018/08/07/dataviz-cheatsheet/"></iframe>
https://policyviz.com/2018/08/07/dataviz-cheatsheet
]]

???
#===policyviz cheatsheet

---
layout: false
class: bg-main1 split-10

.column[.content.sideways-rl[
.font4[FT visual vocabulary]  
]]

.column[.content.center[
<iframe width="980px" height="620px" style="background: #FFFFFF;" src="https://ft-interactive.github.io/visual-vocabulary/"></iframe>
https://ft-interactive.github.io/visual-vocabulary/
]]

???
#===FT visual vocabulary

---
layout: false
class: bg-main1 split-10

.column[.content.sideways-rl[
.font4[Claus Wilke]  
]]

.column[.content.center[
<iframe width="980px" height="620px" style="background: #FFFFFF;" src="https://serialmentor.com/dataviz/"></iframe>
https://serialmentor.com/dataviz
]]

???
#===Wilke book

---
layout: false
class: bg-main1 split-10

.column[.content.sideways-rl[
.font4[Kieran Healy]  
]]

.column[.content.center[
<iframe width="980px" height="620px" style="background: #FFFFFF;" src="http://socviz.co/index.html"></iframe>
http://socviz.co/index.html
]]

???
#===Healy book

---
layout: false
class: bg-pink hide-slide-number

.font5.white.center[
Jonas Shoeley's slides<br>
]  
.font4.white.center[
github.com/jschoeley/idem_viz
]
???
#===Jonas Shoeley's slides

---
class: bg-main1 split-30 hide-slide-number

.column.bg-main3[
.content.vmiddle.center[
<img src="data:image/png;base64,#https://i.imgur.com/jXweyFz.jpg" style="width:90%" />
]
]
.column.slide-in-right[
.sliderbox.bg-main2.center.vmiddle[
.font5[Thank you!]
<br><br>
## .yellow[[@ikashnitsky](https://twitter.com/ikashnitsky)]
]]
]]
???
#==THANK YOU

---
layout: false
class: bg-main1 split-20

.column[.content.sideways-rl[
.font5[being open [@drob](https://twitter.com/drob)]
]]

.column[.content[
<iframe width="100%" height="600" src="https://www.youtube.com/embed/th79W4rv67g" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<br><br>
https://resources.rstudio.com/rstudio-conf-2019/the-unreasonable-effectiveness-of-public-work
]]
???
#===drob

---
layout: false
class: bg-main1 split-20

.column[.content.sideways-rl[
.font5[pandemic dataviz [@jburnmurdoch](https://twitter.com/jburnmurdoch)]
]]

.column[.content[
<iframe width="100%" height="600" src="https://www.youtube.com/embed/L5_4kuoiiKU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<br><br>
https://www.rstudio.com/resources/rstudioglobal-2021/reporting-on-and-visualising-the-pandemic/
]]
???
#===john