+ - 0:00:00
Notes for current slide
Notes for next slide

The Blueprint

htmlwidgets

Garrick Aden-Buie

rstudio::conf(2020, "JavaScript for Shiny Users")

1

Review

2

Review Day 1

  1. What did we learn?

    • Item 1
    • Item 2

  2. What was confusing?

    • Item 1
    • Item 2

 

3
4

htmlwidgets

5

htmlwidgets: An Overview

6

htmlwidgets: An Overview

7

htmlwidgets: An Overview

8

htmlwidgets: An Overview

9

htmlwidgets: An Overview

10

htmlwidgets: An Overview

11

htmlwidgets: An Overview

12

htmlwidgets: An Overview

13

htmlwidgets: An Overview

14

htmlwidgets: An Overview

15

htmlwidgets: An Overview

16

htmlwidgets: An Overview

17

htmlwidgets: An Overview

18

htmlwidgets: An Overview

19

htmlwidgets: An Overview

20

htmlwidgets: An Overview

21

htmlwidgets: An Overview

22

htmlwidgets: An Overview

23

htmlwidgets: An Overview

24

htmlwidgets: An Overview

25

htmlwidgets Process Overview

  1. Gather dependencies

  2. Configure htmlwidgets to manage the dependencies

  3. Write R functions to hand data and options to htmlwidgets

  4. Write the JS glue code to connect a JS library with a set of data and options.

  5. Collect ⭐ on GitHub

26

Let's Do This Together!

We're going to do all the steps of this project together.

Be kind to your neighbors and help them if they get stuck.

Read with me...

github.com/gadenbuie/js4shiny-frappeCharts

Click on dev journal in the README

27

Review

2
Paused

Help

Keyboard shortcuts

↑, ←, Pg Up, k Go to previous slide
↓, →, Pg Dn, Space, j Go to next slide
Home Go to first slide
End Go to last slide
Number + Return Go to specific slide
b / m / f Toggle blackout / mirrored / fullscreen mode
c Clone slideshow
p Toggle presenter mode
t Restart the presentation timer
?, h Toggle this help
oTile View: Overview of Slides
Esc Back to slideshow