Merge pull request #29 from stefmolin/clarify-tabs-choice

Indicate why screen recording shows tabs but code doesn't have it anymore

Author: stefmolin

notebooks/3-interactivity.ipynb

@@ -1555,7 +1555,8 @@
     "<p>The result can be interacted with after displaying it, but this kind of interactivity only works in the notebook. Here's an example:</p>\n",
     "\n",
     "<div style=\"text-align: center;\">\n",
-    "    <img width=\"60%\" src=\"https://raw.githubusercontent.com/stefmolin/python-data-viz-workshop/main/media/linked_plots.gif\" style=\"border: 5px solid #555; min-width: 800px;\">\n",
+    "    <img width=\"60%\" src=\"https://raw.githubusercontent.com/stefmolin/python-data-viz-workshop/main/media/linked_plots.gif\" style=\"border: 5px solid #555; min-width: 800px; margin: 0px auto;\">\n",
+    "    <small><em>This example uses tabs to display the layout rather than side by side like we did. Tabs are a little buggy in this version, so we didn't use them.</em></small>\n",
     "</div>"
    ]
   },

slides/3-interactivity.ipynb

@@ -1596,7 +1596,8 @@
     "<p>The result can be interacted with after displaying it, but this kind of interactivity only works in the notebook. Here's an example:</p>\n",
     "\n",
     "<div style=\"text-align: center;\">\n",
-    "    <img width=\"60%\" src=\"https://raw.githubusercontent.com/stefmolin/python-data-viz-workshop/main/media/linked_plots.gif\" style=\"border: 5px solid #555; min-width: 800px;\">\n",
+    "    <img alt=\"Linked plots example\" width=\"60%\" src=\"https://raw.githubusercontent.com/stefmolin/python-data-viz-workshop/main/media/linked_plots.gif\" style=\"border: 5px solid #555; min-width: 800px; margin: 0px auto;\">\n",
+    "    <small><em>This example uses tabs to display the layout rather than side by side like we did. Tabs are a little buggy in this version, so we didn't use them.</em></small>\n",
     "</div>"
    ]
   },

slides/html/workshop.slides.html

@@ -14984,9 +14984,9 @@ <h4 id="2.-Handle-HoloViz-imports-and-set-up-the-Matplotlib-backend.">2. Handle
 <div class="jp-OutputArea jp-Cell-outputArea">
 <div class="jp-OutputArea-child">
 <div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
-<div class="jp-RenderedJavaScript jp-OutputArea-output" data-mime-type="application/javascript" id="35a3a073-a64f-43e7-9c65-457f0b6e4262" tabindex="0">
+<div class="jp-RenderedJavaScript jp-OutputArea-output" data-mime-type="application/javascript" id="4df77d93-0bfc-4620-988f-128397f1d575" tabindex="0">
 <script type="text/javascript">
-var element = document.getElementById('35a3a073-a64f-43e7-9c65-457f0b6e4262');
+var element = document.getElementById('4df77d93-0bfc-4620-988f-128397f1d575');
 (function(root) {
   function now() {
     return new Date();
@@ -15226,9 +15226,9 @@ <h4 id="2.-Handle-HoloViz-imports-and-set-up-the-Matplotlib-backend.">2. Handle
 </div>
 <div class="jp-OutputArea-child">
 <div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
-<div class="jp-RenderedJavaScript jp-OutputArea-output" data-mime-type="application/javascript" id="4441c4c9-1f93-4e56-815e-56e2c6438f06" tabindex="0">
+<div class="jp-RenderedJavaScript jp-OutputArea-output" data-mime-type="application/javascript" id="a7e552dc-5ba7-4812-bb4a-ed8f77022b7b" tabindex="0">
 <script type="text/javascript">
-var element = document.getElementById('4441c4c9-1f93-4e56-815e-56e2c6438f06');
+var element = document.getElementById('a7e552dc-5ba7-4812-bb4a-ed8f77022b7b');
 
 if ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {
   window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}
@@ -16037,9 +16037,9 @@ <h3 id="Solution">Solution<a class="anchor-link" href="#Solution">¶</a></h3>
 <div class="jp-OutputArea jp-Cell-outputArea">
 <div class="jp-OutputArea-child">
 <div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
-<div class="jp-RenderedJavaScript jp-OutputArea-output" data-mime-type="application/javascript" id="79232354-2d7a-4084-8daa-70ab59df6da3" tabindex="0">
+<div class="jp-RenderedJavaScript jp-OutputArea-output" data-mime-type="application/javascript" id="f96bac7a-282e-4284-8f9f-e2cf8684510e" tabindex="0">
 <script type="text/javascript">
-var element = document.getElementById('79232354-2d7a-4084-8daa-70ab59df6da3');
+var element = document.getElementById('f96bac7a-282e-4284-8f9f-e2cf8684510e');
 (function(root) {
   function now() {
     return new Date();
@@ -16279,9 +16279,9 @@ <h3 id="Solution">Solution<a class="anchor-link" href="#Solution">¶</a></h3>
 </div>
 <div class="jp-OutputArea-child">
 <div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
-<div class="jp-RenderedJavaScript jp-OutputArea-output" data-mime-type="application/javascript" id="f1a4f2ff-a611-4936-a911-c65727f6c9f8" tabindex="0">
+<div class="jp-RenderedJavaScript jp-OutputArea-output" data-mime-type="application/javascript" id="1eebf2f0-2ac1-4aaa-87bf-a20e66193915" tabindex="0">
 <script type="text/javascript">
-var element = document.getElementById('f1a4f2ff-a611-4936-a911-c65727f6c9f8');
+var element = document.getElementById('1eebf2f0-2ac1-4aaa-87bf-a20e66193915');
 
 if ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {
   window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}
@@ -17133,9 +17133,9 @@ <h3 id="2.-Import-the-required-libraries-and-set-up-the-Bokeh-backend.">2. Impor
 <div class="jp-OutputArea jp-Cell-outputArea">
 <div class="jp-OutputArea-child">
 <div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
-<div class="jp-RenderedJavaScript jp-OutputArea-output" data-mime-type="application/javascript" id="d2dff9fb-c0c8-4a06-aa76-0ad0b91a6f7e" tabindex="0">
+<div class="jp-RenderedJavaScript jp-OutputArea-output" data-mime-type="application/javascript" id="3e92d968-372d-4801-b183-cc30f3a974a5" tabindex="0">
 <script type="text/javascript">
-var element = document.getElementById('d2dff9fb-c0c8-4a06-aa76-0ad0b91a6f7e');
+var element = document.getElementById('3e92d968-372d-4801-b183-cc30f3a974a5');
 (function(root) {
   function now() {
     return new Date();
@@ -17375,9 +17375,9 @@ <h3 id="2.-Import-the-required-libraries-and-set-up-the-Bokeh-backend.">2. Impor
 </div>
 <div class="jp-OutputArea-child">
 <div class="jp-OutputPrompt jp-OutputArea-prompt"></div>
-<div class="jp-RenderedJavaScript jp-OutputArea-output" data-mime-type="application/javascript" id="84976ed9-d9c0-4c45-80ad-c9a6761119d0" tabindex="0">
+<div class="jp-RenderedJavaScript jp-OutputArea-output" data-mime-type="application/javascript" id="f1c28231-d2da-4b5c-b9f6-de55495262a1" tabindex="0">
 <script type="text/javascript">
-var element = document.getElementById('84976ed9-d9c0-4c45-80ad-c9a6761119d0');
+var element = document.getElementById('f1c28231-d2da-4b5c-b9f6-de55495262a1');
 
 if ((window.PyViz === undefined) || (window.PyViz instanceof HTMLElement)) {
   window.PyViz = {comms: {}, comm_status:{}, kernels:{}, receivers: {}, plot_index: []}
@@ -18163,7 +18163,8 @@ <h3 id="4.-Link-selections-across-the-visualizations-in-the-layout.">4. Link sel
 </div><div class="jp-RenderedHTMLCommon jp-RenderedMarkdown jp-MarkdownOutput" data-mime-type="text/markdown">
 <p>The result can be interacted with after displaying it, but this kind of interactivity only works in the notebook. Here's an example:</p>
 <div style="text-align: center;">
-<img alt="No description has been provided for this image" src="https://raw.githubusercontent.com/stefmolin/python-data-viz-workshop/main/media/linked_plots.gif" style="border: 5px solid #555; min-width: 800px;" width="60%"/>
+<img alt="Linked plots example" src="https://raw.githubusercontent.com/stefmolin/python-data-viz-workshop/main/media/linked_plots.gif" style="border: 5px solid #555; min-width: 800px; margin: 0px auto;" width="60%"/>
+<small><em>This example uses tabs to display the layout rather than side by side like we did. Tabs are a little buggy in this version, so we didn't use them.</em></small>
 </div>
 </div>
 </div>