Skip to content

Commit

Permalink
Merge pull request #29 from stefmolin/clarify-tabs-choice
Browse files Browse the repository at this point in the history 
Indicate why screen recording shows tabs but code doesn't have it anymore
  • Loading branch information
@stefmolin
stefmolin authored May 5, 2024
2 parents 8ddabc7 + f9e3d25 commit 55c8e39
Show file tree
Hide file tree
Showing 3 changed files with 18 additions and 15 deletions.
3 changes: 2 additions & 1 deletion notebooks/3-interactivity.ipynb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>"
]
},
Expand Down
3 changes: 2 additions & 1 deletion slides/3-interactivity.ipynb
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>"
]
},
Expand Down
27 changes: 14 additions & 13 deletions slides/html/workshop.slides.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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();
Expand Down Expand Up @@ -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: []}
Expand Down Expand Up @@ -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();
Expand Down Expand Up @@ -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: []}
Expand Down Expand Up @@ -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();
Expand Down Expand Up @@ -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: []}
Expand Down Expand Up @@ -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>
Expand Down

0 comments on commit 55c8e39

Please sign in to comment.