last minute stuff

laderast · Jun 21, 2024 · 91a226a · 91a226a
1 parent 2ff24e2
commit 91a226a
Show file tree

Hide file tree

Showing 5 changed files with 195 additions and 100 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -123,6 +123,7 @@ <h2 id="toc-title">On this page</h2>
   <li><a href="#httpsbit.lyshinyowl" id="toc-httpsbit.lyshinyowl" class="nav-link active" data-scroll-target="#httpsbit.lyshinyowl">https://bit.ly/shinyowl</a></li>
   <li><a href="#learning-objectives" id="toc-learning-objectives" class="nav-link" data-scroll-target="#learning-objectives">Learning Objectives</a>
   <ul class="collapse">
+  <li><a href="#expectations" id="toc-expectations" class="nav-link" data-scroll-target="#expectations">Expectations</a></li>
   <li><a href="#agenda-roughly" id="toc-agenda-roughly" class="nav-link" data-scroll-target="#agenda-roughly">Agenda (roughly)</a></li>
   </ul></li>
   <li><a href="#posit.cloud-project" id="toc-posit.cloud-project" class="nav-link" data-scroll-target="#posit.cloud-project">Posit.cloud project</a></li>
@@ -166,6 +167,11 @@ <h1>Learning Objectives</h1>
 </ol>
 <p>In other words, we’re learning how to Draw the Owl:</p>
 <p><img src="owl.png" class="img-fluid"></p>
+<section id="expectations" class="level2">
+<h2 class="anchored" data-anchor-id="expectations">Expectations</h2>
+<p>I’ve tried to make this easier to understand. However, there are some Shiny concepts that are just inherently difficult to understand. So be easy on yourself (and me).</p>
+<p>Be gentle with yourself and others if there is confusion. We’ll work through it.</p>
+</section>
 <section id="agenda-roughly" class="level2">
 <h2 class="anchored" data-anchor-id="agenda-roughly">Agenda (roughly)</h2>
 <table class="caption-top table">

diff --git a/docs/layouts/slides.html b/docs/layouts/slides.html
@@ -660,8 +660,8 @@ <h2>Laying out value boxes</h2>
 </div>
 <div class="card bslib-card bslib-mb-spacing html-fill-item html-fill-container" data-bslib-card-init="" data-require-bs-caller="card()" data-require-bs-version="5" style="min-height:200px;">
 <div class="card-body bslib-gap-spacing html-fill-item html-fill-container" style="margin-top:auto;margin-bottom:auto;flex:1 1 auto;">
-<div class="plotly html-widget html-fill-item" id="htmlwidget-4c64b325be890d5e6e29" style="width:100%;height:400px;"></div>
-<script type="application/json" data-for="htmlwidget-4c64b325be890d5e6e29">{"x":{"visdat":{"7bb32429105c":["function () ","plotlyVisDat"]},"cur_data":"7bb32429105c","attrs":{"7bb32429105c":{"x":[0.69181846853745066,0.45146278707947241,-0.9524320165396305,0.96065652450425842,1.7367049451519219,-0.99033072973241609,-0.38960804287713235,0.87345093575551191,0.67904567079887135,-0.92491245049290216,-0.34671873528697034,0.56793916774407327,0.61145019399366618,0.049525081140791093,1.6450479417939914,-0.47572650175580117,-0.53420895711752314,0.46497214502764023,-0.58839795952082996,-1.9395595041185878,-0.72544881901288416,0.68127702165908333,0.12316280776382571,-0.24159101083938034,0.14176954394244773,-0.97186521953964822,2.3032051965416578,-1.419078653529775,0.98290266804691706,-1.2334016957053826,0.067176876725175014,0.45402733441532733,0.34705918157386961,1.1266504145662615,2.3723283523605723,-0.94951409073007143,1.0451532441124891,0.17913994624865706,-0.30794931675830706,2.9177368016987235,0.21390590512504709,1.5978838863132647,1.7920147207302666,-0.41706079992004058,-0.21996293009995113,1.8275797166049585,-0.16876750821789435,0.33025113405571194,0.07464627937398767,1.720243928112378,-2.0285606957022027,1.167767323132149,-1.0281351713932043,0.07414350401852271,-0.070184369522166043,-0.3482258539457378,0.35644502779321369,0.27708222665881821,-0.74286330702823067,-0.61322987371941229,-0.94579184659337479,-1.0073391421341984,1.2342811807821656,-0.026010493893837132,0.55550019317689048,-0.83126041549870877,-1.023930555603815,-0.02795157770783923,0.33960377843298184,-0.032111343296772885,-0.43049898276260778,-1.7924603492071931,1.2190581615496512,1.0605173697459844,0.91655131511681176,1.273106280416761,1.4324222467723775,-0.15460382413310175,0.0044922622433157967,-0.64514878361977246,-1.2327066837501053,-0.15971948131818703,0.3428215091579972,-0.59111401882509085,-0.72084662630329788,-0.57440721208140832,2.0446777257776971,2.6876711193511027,1.284442796733152,1.357729521374758,0.052132064269356598,-1.1314212955410052,-1.4865947734507561,0.2612757609903269,-0.91687912960416784,0.45072695762080378,0.21601343319045382,-0.13487570496625337,-0.40966696510520184,-0.60794224976432443],"alpha_stroke":1,"sizes":[10,100],"spans":[1,20]}},"layout":{"margin":{"b":40,"l":60,"t":25,"r":10},"xaxis":{"domain":[0,1],"automargin":true,"title":[]},"yaxis":{"domain":[0,1],"automargin":true},"hovermode":"closest","showlegend":false},"source":"A","config":{"modeBarButtonsToAdd":["hoverclosest","hovercompare"],"showSendToCloud":false},"data":[{"x":[0.69181846853745066,0.45146278707947241,-0.9524320165396305,0.96065652450425842,1.7367049451519219,-0.99033072973241609,-0.38960804287713235,0.87345093575551191,0.67904567079887135,-0.92491245049290216,-0.34671873528697034,0.56793916774407327,0.61145019399366618,0.049525081140791093,1.6450479417939914,-0.47572650175580117,-0.53420895711752314,0.46497214502764023,-0.58839795952082996,-1.9395595041185878,-0.72544881901288416,0.68127702165908333,0.12316280776382571,-0.24159101083938034,0.14176954394244773,-0.97186521953964822,2.3032051965416578,-1.419078653529775,0.98290266804691706,-1.2334016957053826,0.067176876725175014,0.45402733441532733,0.34705918157386961,1.1266504145662615,2.3723283523605723,-0.94951409073007143,1.0451532441124891,0.17913994624865706,-0.30794931675830706,2.9177368016987235,0.21390590512504709,1.5978838863132647,1.7920147207302666,-0.41706079992004058,-0.21996293009995113,1.8275797166049585,-0.16876750821789435,0.33025113405571194,0.07464627937398767,1.720243928112378,-2.0285606957022027,1.167767323132149,-1.0281351713932043,0.07414350401852271,-0.070184369522166043,-0.3482258539457378,0.35644502779321369,0.27708222665881821,-0.74286330702823067,-0.61322987371941229,-0.94579184659337479,-1.0073391421341984,1.2342811807821656,-0.026010493893837132,0.55550019317689048,-0.83126041549870877,-1.023930555603815,-0.02795157770783923,0.33960377843298184,-0.032111343296772885,-0.43049898276260778,-1.7924603492071931,1.2190581615496512,1.0605173697459844,0.91655131511681176,1.273106280416761,1.4324222467723775,-0.15460382413310175,0.0044922622433157967,-0.64514878361977246,-1.2327066837501053,-0.15971948131818703,0.3428215091579972,-0.59111401882509085,-0.72084662630329788,-0.57440721208140832,2.0446777257776971,2.6876711193511027,1.284442796733152,1.357729521374758,0.052132064269356598,-1.1314212955410052,-1.4865947734507561,0.2612757609903269,-0.91687912960416784,0.45072695762080378,0.21601343319045382,-0.13487570496625337,-0.40966696510520184,-0.60794224976432443],"type":"histogram","marker":{"color":"rgba(31,119,180,1)","line":{"color":"rgba(31,119,180,1)"}},"error_y":{"color":"rgba(31,119,180,1)"},"error_x":{"color":"rgba(31,119,180,1)"},"xaxis":"x","yaxis":"y","frame":null}],"highlight":{"on":"plotly_click","persistent":false,"dynamic":false,"selectize":false,"opacityDim":0.20000000000000001,"selected":{"opacity":1},"debounce":0},"shinyEvents":["plotly_hover","plotly_click","plotly_selected","plotly_relayout","plotly_brushed","plotly_brushing","plotly_clickannotation","plotly_doubleclick","plotly_deselect","plotly_afterplot","plotly_sunburstclick"],"base_url":"https://plot.ly"},"evals":[],"jsHooks":[]}</script>
+<div class="plotly html-widget html-fill-item" id="htmlwidget-1000e12e8997e51b4237" style="width:100%;height:400px;"></div>
+<script type="application/json" data-for="htmlwidget-1000e12e8997e51b4237">{"x":{"visdat":{"7e82395e3f4e":["function () ","plotlyVisDat"]},"cur_data":"7e82395e3f4e","attrs":{"7e82395e3f4e":{"x":[0.35005730514258943,0.66888457957342939,0.10963507580885115,1.375799861129771,-2.3344328759331265,0.74545354265687602,-0.64359420208137796,-0.68661971046124304,0.01803082365286033,0.23130193118295994,-0.16367229439674078,-0.16487648521051243,0.62658391067881203,0.25093152259819163,-0.58863049155274638,-0.056157498583777742,-2.5174084128496599,-1.1617787252540217,0.59501647741276276,-1.3696290391603676,-1.8579458730458316,-0.5700449262252546,-1.1423857015245196,0.64681357491972735,0.77623200827238936,-0.40642556651487999,-0.59220039095198718,-0.38991019350547762,0.46900855577797113,0.24574463429392973,-0.38089003918647873,1.074965563263776,0.093821603675395618,1.8974082045035723,-0.21014932296683117,-0.035120209435663498,0.72196199322442911,-0.46717440424495654,0.68300743060281444,-0.89692938584421966,0.15175519901349058,-1.3464387118825176,-0.036910034792231393,-0.53408640048587386,-0.22672142922152169,-0.014811384702249736,0.11022608086362543,0.53360231810799597,-1.6419646769439902,-0.6079212094593317,0.33501732749333574,-0.48794663101262958,1.8828910952209632,-0.073103955294154893,1.0390169484815757,-0.17534135794812467,-0.070710556737693733,1.3684999495666439,-0.32486452432811147,-0.84356070222838142,-0.41031620832531635,1.5101380223600287,0.013910398954413494,0.57959855444565545,-2.0570452675177422,0.08702993595541797,0.054434544872693523,0.71339138289696302,-0.74364605175417176,-0.59256235784972022,-0.46209550223521634,-1.6073620206120767,-0.67534573714950208,1.7697319938607186,1.1883381422992465,0.54147931195536403,-0.32061381422603807,-0.48397273485910491,0.083531431999747149,-0.34248816737593918,0.99507443597586598,1.0934376682695908,0.80501392881300848,-0.21690117959870783,-1.40137042195399,0.78949420910192014,-0.22486861504152122,-0.54924624941400124,0.65979666393174219,0.51855109747940231,1.0048723608839287,-0.64666225623933793,1.4299832420437566,0.036117479775122474,-1.1017725788352979,1.1635142304883954,-0.15243773128201535,0.25495092089109261,0.56050673639617066,-0.052423514906876204],"alpha_stroke":1,"sizes":[10,100],"spans":[1,20]}},"layout":{"margin":{"b":40,"l":60,"t":25,"r":10},"xaxis":{"domain":[0,1],"automargin":true,"title":[]},"yaxis":{"domain":[0,1],"automargin":true},"hovermode":"closest","showlegend":false},"source":"A","config":{"modeBarButtonsToAdd":["hoverclosest","hovercompare"],"showSendToCloud":false},"data":[{"x":[0.35005730514258943,0.66888457957342939,0.10963507580885115,1.375799861129771,-2.3344328759331265,0.74545354265687602,-0.64359420208137796,-0.68661971046124304,0.01803082365286033,0.23130193118295994,-0.16367229439674078,-0.16487648521051243,0.62658391067881203,0.25093152259819163,-0.58863049155274638,-0.056157498583777742,-2.5174084128496599,-1.1617787252540217,0.59501647741276276,-1.3696290391603676,-1.8579458730458316,-0.5700449262252546,-1.1423857015245196,0.64681357491972735,0.77623200827238936,-0.40642556651487999,-0.59220039095198718,-0.38991019350547762,0.46900855577797113,0.24574463429392973,-0.38089003918647873,1.074965563263776,0.093821603675395618,1.8974082045035723,-0.21014932296683117,-0.035120209435663498,0.72196199322442911,-0.46717440424495654,0.68300743060281444,-0.89692938584421966,0.15175519901349058,-1.3464387118825176,-0.036910034792231393,-0.53408640048587386,-0.22672142922152169,-0.014811384702249736,0.11022608086362543,0.53360231810799597,-1.6419646769439902,-0.6079212094593317,0.33501732749333574,-0.48794663101262958,1.8828910952209632,-0.073103955294154893,1.0390169484815757,-0.17534135794812467,-0.070710556737693733,1.3684999495666439,-0.32486452432811147,-0.84356070222838142,-0.41031620832531635,1.5101380223600287,0.013910398954413494,0.57959855444565545,-2.0570452675177422,0.08702993595541797,0.054434544872693523,0.71339138289696302,-0.74364605175417176,-0.59256235784972022,-0.46209550223521634,-1.6073620206120767,-0.67534573714950208,1.7697319938607186,1.1883381422992465,0.54147931195536403,-0.32061381422603807,-0.48397273485910491,0.083531431999747149,-0.34248816737593918,0.99507443597586598,1.0934376682695908,0.80501392881300848,-0.21690117959870783,-1.40137042195399,0.78949420910192014,-0.22486861504152122,-0.54924624941400124,0.65979666393174219,0.51855109747940231,1.0048723608839287,-0.64666225623933793,1.4299832420437566,0.036117479775122474,-1.1017725788352979,1.1635142304883954,-0.15243773128201535,0.25495092089109261,0.56050673639617066,-0.052423514906876204],"type":"histogram","marker":{"color":"rgba(31,119,180,1)","line":{"color":"rgba(31,119,180,1)"}},"error_y":{"color":"rgba(31,119,180,1)"},"error_x":{"color":"rgba(31,119,180,1)"},"xaxis":"x","yaxis":"y","frame":null}],"highlight":{"on":"plotly_click","persistent":false,"dynamic":false,"selectize":false,"opacityDim":0.20000000000000001,"selected":{"opacity":1},"debounce":0},"shinyEvents":["plotly_hover","plotly_click","plotly_selected","plotly_relayout","plotly_brushed","plotly_brushing","plotly_clickannotation","plotly_doubleclick","plotly_deselect","plotly_afterplot","plotly_sunburstclick"],"base_url":"https://plot.ly"},"evals":[],"jsHooks":[]}</script>
 </div>
 <script data-bslib-card-init="">bslib.Card.initializeAllCards();</script>
 </div>
@@ -681,7 +681,7 @@ <h2>Exercise</h2>
 <div class="cell">
 <div class="sourceCode cell-code" id="cb9"><pre class="sourceCode numberSource r number-lines code-with-copy"><code class="sourceCode r"><span id="cb9-1"><a></a>countdown<span class="sc">::</span><span class="fu">countdown</span>(<span class="at">minutes =</span> <span class="dv">5</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 <div class="cell-output-display">
-<div class="countdown" id="timer_1da80b98" data-update-every="1" tabindex="0" style="right:0;bottom:0;">
+<div class="countdown" id="timer_e66f5d8d" data-update-every="1" tabindex="0" style="right:0;bottom:0;">
 <div class="countdown-controls"><button class="countdown-bump-down">−</button><button class="countdown-bump-up">+</button></div>
 <code class="countdown-time"><span class="countdown-digits minutes">05</span><span class="countdown-digits colon">:</span><span class="countdown-digits seconds">00</span></code>
 </div>
@@ -793,7 +793,7 @@ <h2>Exercise</h2>
 <div class="cell">
 <div class="sourceCode cell-code" id="cb15"><pre class="sourceCode numberSource r number-lines code-with-copy"><code class="sourceCode r"><span id="cb15-1"><a></a>countdown<span class="sc">::</span><span class="fu">countdown</span>(<span class="at">minutes =</span> <span class="dv">5</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
 <div class="cell-output-display">
-<div class="countdown" id="timer_a375f967" data-update-every="1" tabindex="0" style="right:0;bottom:0;">
+<div class="countdown" id="timer_eee291da" data-update-every="1" tabindex="0" style="right:0;bottom:0;">
 <div class="countdown-controls"><button class="countdown-bump-down">−</button><button class="countdown-bump-up">+</button></div>
 <code class="countdown-time"><span class="countdown-digits minutes">05</span><span class="countdown-digits colon">:</span><span class="countdown-digits seconds">00</span></code>
 </div>

diff --git a/docs/modules/index.html b/docs/modules/index.html
@@ -20,6 +20,40 @@
   margin: 0 0.8em 0.2em -1em; /* quarto-specific, see https://github.com/quarto-dev/quarto-cli/issues/4556 */ 
   vertical-align: middle;
 }
+/* CSS for syntax highlighting */
+pre > code.sourceCode { white-space: pre; position: relative; }
+pre > code.sourceCode > span { line-height: 1.25; }
+pre > code.sourceCode > span:empty { height: 1.2em; }
+.sourceCode { overflow: visible; }
+code.sourceCode > span { color: inherit; text-decoration: inherit; }
+div.sourceCode { margin: 1em 0; }
+pre.sourceCode { margin: 0; }
+@media screen {
+div.sourceCode { overflow: auto; }
+}
+@media print {
+pre > code.sourceCode { white-space: pre-wrap; }
+pre > code.sourceCode > span { display: inline-block; text-indent: -5em; padding-left: 5em; }
+}
+pre.numberSource code
+  { counter-reset: source-line 0; }
+pre.numberSource code > span
+  { position: relative; left: -4em; counter-increment: source-line; }
+pre.numberSource code > span > a:first-child::before
+  { content: counter(source-line);
+    position: relative; left: -1em; text-align: right; vertical-align: baseline;
+    border: none; display: inline-block;
+    -webkit-touch-callout: none; -webkit-user-select: none;
+    -khtml-user-select: none; -moz-user-select: none;
+    -ms-user-select: none; user-select: none;
+    padding: 0 4px; width: 4em;
+  }
+pre.numberSource { margin-left: 3em;  padding-left: 4px; }
+div.sourceCode
+  {   }
+@media screen {
+pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
+}
 </style>
 
 
@@ -130,6 +164,11 @@ <h2 id="toc-title">On this page</h2>
   <ul>
   <li><a href="#learning-objectives" id="toc-learning-objectives" class="nav-link active" data-scroll-target="#learning-objectives">Learning Objectives</a></li>
   <li><a href="#slides" id="toc-slides" class="nav-link" data-scroll-target="#slides">Slides</a></li>
+  <li><a href="#exercises" id="toc-exercises" class="nav-link" data-scroll-target="#exercises">Exercises</a>
+  <ul class="collapse">
+  <li><a href="#exercise-1-try-it-out" id="toc-exercise-1-try-it-out" class="nav-link" data-scroll-target="#exercise-1-try-it-out">Exercise 1: Try it out</a></li>
+  <li><a href="#exercise-2-use-a-shiny-module" id="toc-exercise-2-use-a-shiny-module" class="nav-link" data-scroll-target="#exercise-2-use-a-shiny-module">Exercise 2: Use a Shiny Module</a></li>
+  </ul></li>
   </ul>
 </nav>
     </div>
@@ -171,8 +210,23 @@ <h2 class="anchored" data-anchor-id="slides">Slides</h2>
       <iframe class="slide-deck" src="slides.html" height="500px"></iframe>
     </div>
 
+</section>
+<section id="exercises" class="level2">
+<h2 class="anchored" data-anchor-id="exercises">Exercises</h2>
+<section id="exercise-1-try-it-out" class="level3">
+<h3 class="anchored" data-anchor-id="exercise-1-try-it-out">Exercise 1: Try it out</h3>
+<div class="sourceCode" id="cb1"><pre class="sourceCode r code-with-copy"><code class="sourceCode r"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="fu">runApp</span>(<span class="st">"modules/module_demo_01/"</span>)</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+</section>
+<section id="exercise-2-use-a-shiny-module" class="level3">
+<h3 class="anchored" data-anchor-id="exercise-2-use-a-shiny-module">Exercise 2: Use a Shiny Module</h3>
+<ul>
+<li>In RStudio, open up <code>"modules/module_demo_02/app.R"</code></li>
+<li>Wire in a new dataset to one of the plots</li>
+<li>If you’re feeling adventurous, add a new plot</li>
+</ul>
 
 
+</section>
 </section>
 
 </main> <!-- /main -->