moving things around

_site/syllabus.html

@@ -390,7 +390,7 @@ <h1 id="topic-calendar--optional-reading">Topic Calendar &amp; Optional Reading<
     <tr>
       <td><a name="week11">Week 11</a></td>
       <td>Web dev with Streamlit + HuggingFace</td>
-      <td>1. <a href="https://streamlit.io/">Streamlit docs</a><br /> 2. <a href="https://huggingface.co/docs/hub/en/spaces-sdks-streamlit">Streamlit on HuggingFace</a> <br /> 3. <a href="https://altair-viz.github.io/gallery/index.html">Altair Docs</a> - in particular <a href="https://altair-viz.github.io/user_guide/data.html#including-index-data">Including Indexes</a>, <a href="https://altair-viz.github.io/altair-tutorial/notebooks/06-Selections.html">Interactivity &amp; Selections</a>, <a href="https://altair-viz.github.io/gallery/multiline_tooltip.html#multi-line-tooltip">Multi-line tooltips</a>, <a href="https://altair-viz.github.io/user_guide/interactions.html#bindings-selections-conditions-making-charts-interactive">Interactive Binning</a>, <a href="https://altair-viz.github.io/user_guide/transform/filter.html#filter-transform">Filter Transformations</a></td>
+      <td>1. <a href="https://streamlit.io/">Streamlit docs</a> - in particular <a href="https://docs.streamlit.io/develop/api-reference/charts/st.pyplot">matplotlib plots</a><br /> 2. <a href="https://huggingface.co/docs/hub/en/spaces-sdks-streamlit">Streamlit on HuggingFace</a> <br /> 3. <a href="https://altair-viz.github.io/gallery/index.html">Altair Docs</a> - in particular <a href="https://altair-viz.github.io/user_guide/data.html#including-index-data">Including Indexes</a>, <a href="https://altair-viz.github.io/altair-tutorial/notebooks/06-Selections.html">Interactivity &amp; Selections</a>, <a href="https://altair-viz.github.io/gallery/multiline_tooltip.html#multi-line-tooltip">Multi-line tooltips</a>, <a href="https://altair-viz.github.io/user_guide/interactions.html#bindings-selections-conditions-making-charts-interactive">Interactive Binning</a>, <a href="https://altair-viz.github.io/user_guide/transform/filter.html#filter-transform">Filter Transformations</a></td>
     </tr>
     <tr>
       <td><a name="week12">Week 12</a></td>

_site/week11/lecture10p1.html

@@ -40,33 +40,6 @@ <h2>Data Visualization - Fall 2024</h2>
            data-separator="^\n---\n"
            data-separator-vertical="^\n----\n">
           <script type="text/template">
-<br/>
-<br/>
-<br/>
-
-## Be aware: prep "projects" will be stored in `_example_projects/` folder!
-
-notes:
-links to the prep materials will go to the full prep template, but check out the _example_projects folder for specifics
-
----
-
-<br/>
-<br/>
-<br/>
-
-## Reminder: NO extensions for Final Project
-
----
-
-<br/>
-<br/>
-<br/>
-
-## Reminder: Group sign ups will close Nov 7th
-
----
-
 ## Last Week/This Week
 
 <img src="images/week12.png">
@@ -80,14 +53,14 @@ <h2>Data Visualization - Fall 2024</h2>
 
 ---
 
-## Notes on the last two weeks of class
+## Final Groups
 
-Weeks 15 & 16 will have some pre-recorded materials for the Quizzes (and extra credit assignments).
+Sign up due 11/7.
 
-There will be short lectures and the rest of the time we'll have space to work on your Final Projects (as a group or on your own).
+Find a group: `#final-project-groups` channel in Slack.
 
 notes:
-IF ONLINE: you can stay in the main room, or there will be breakout rooms for you as well!
+these have been opened, so please sign up before the due date of 11/7!
 
 ---
 

_site/week12/lecture11p1.html

@@ -46,45 +46,43 @@ <h2>Data Visualization - Fall 2024</h2>
 
 notes:
 
-we'll start today with finishing up some stuff we've done in Starboard and then,
-
-today we'll be continuing on with some of what we did last week -- moving into more Markdown-based viz and viz "reports" along with more javascript and
-finally getting into jekyll probably at the end of class
+Today we'll move on from Streamlit apps to building some Jekyll webpages.
 
 ---
 
-## Final Groups
-
-Sign up due 11/7.
+<br/>
+<br/>
+<br/>
 
-Find a group: `#final-project-groups` channel in Slack.
-
-notes:
-these have been opened, so please sign up before the due date of 11/7!
+## Reminder: NO extensions for Final Project
 
 ---
 
-## Going further with Starboard
+<br/>
+<br/>
+<br/>
 
-Extra video in Module from last week -- interactivity and dashboarding in Starboard.  See "Extra Starboard - Dashboarding" notebook from last week.
+## Reminder: Group sign ups will close Nov 7th
 
-notes:
+---
 
-**go to video**
+## Notes on the last two weeks of class
 
-**point out starboard link**
+Weeks 15 & 16 will have some pre-recorded materials for the Quizzes (and extra credit assignments).
 
----
+There will be short lectures and the rest of the time we'll have space to work on your Final Projects (as a group or on your own).
 
-## Going further with Starboard
+notes:
+IF ONLINE: you can stay in the main room, or there will be breakout rooms for you as well!
 
-Extra video in Module from last week -- interactivity and dashboarding in Starboard.  See "Extra Starboard - Dashboarding" notebook from last week.
+---
 
-There are also ways to embed Starboard notebooks in webpages.
+## Going further with Streamlit
 
-Check out a few tutorials for more:
- * https://kjohnsen.org/post/embed-starboard/
- * https://github.com/gzuidhof/starboard-wrap
+Other fun things:
+  * [Embed Streamlit apps in webpages](https://huggingface.co/docs/hub/en/spaces-sdks-streamlit#embed-streamlit-spaces-on-other-webpages)
+  * [Chat apps & LLMs](https://docs.streamlit.io/develop/tutorials/llms)
+  * [Linking to external data sources](https://docs.streamlit.io/develop/tutorials/databases)
 
 ---
 
@@ -93,10 +91,9 @@ <h2>Data Visualization - Fall 2024</h2>
  * Publishing
    * Jekyll
    * Github Pages
-   * vega-lite in Python with Altair
 
 notes:
-**back from starboard**
+**back from streamlit**
 
 ---
 
@@ -483,7 +480,7 @@ <h2>Data Visualization - Fall 2024</h2>
 
 ## Markdown in Jekyll
 
-Our Jekyll template uses Markdown for text, just like Starboard:
+Our Jekyll template uses Markdown for text, just like Jupyter:
 
  * To **bold**, use `**two asterisks**`
  * You can _italicize_ with `_underscores_`
@@ -615,7 +612,7 @@ <h2>Data Visualization - Fall 2024</h2>
 <img src="images/javascript2.png" width="700"/>
 
 notes:
-JavaScript is a dynamic programming language that runs natively on webpages that we've been using the past few weeks in Starboard. If you want to run programming logic in a webpage, you use javascript. If you see interactivity or animated effects on a website, you can generally expect they were written in javascript. 
+JavaScript is a dynamic programming language that runs natively on webpages that we've been using the past few weeks in Streamlit. If you want to run programming logic in a webpage, you use javascript. If you see interactivity or animated effects on a website, you can generally expect they were written in javascript. 
 
 now we will just use altair+vega-lite and our Jekyll templete to make this happen "under the hood" for us!
 

syllabus.md

@@ -161,7 +161,7 @@ table th:nth-of-type(3) {
 | <a name="week8">Week 8</a> | More with maps - bqplot, cartopy, ipyleaflet, geopandas | 1. VAD Ch. 8.1-8.3: Arrange Spatial Data <br> 2. <a href="https://serialmentor.com/dataviz/geospatial-data.html">FDV, Ch. 15: Visualizing geospatial data</a> <br> 3. VAD, Ch. 13.4.2: Reduce Items and Attributes <br> 4. <a href="https://scitools.org.uk/cartopy/docs/latest/">Cartopy docs</a>; <a href="https://ipyleaflet.readthedocs.io/en/latest/">ipyleaflet docs</a>; <a href="https://geopandas.org/">Geopandas Docs</a>
 | <a name="week9">Week 9</a> | Designing for the web with vega-lite & Altair & Streamlit | 1. <a href="https://vega.github.io/vega-lite/docs/">vega-lite docs</a>  <br> 2. <a href="https://altair-viz.github.io/gallery/index.html">Altair docs</a> - in particular <a href="https://altair-viz.github.io/user_guide/encoding.html#encoding-data-types">Encoding Data Types</a>, <a href="https://altair-viz.github.io/user_guide/internals.html#converting-vega-lite-to-altair">Vegalite-Altair conversions</a>, <a href="https://altair-viz.github.io/user_guide/transform/bin.html#bin-transforms">Binning</a>, <a href="https://altair-viz.github.io/user_guide/transform/filter.html">Filter transforms</a> and <a href="https://altair-viz.github.io/gallery/interactive_cross_highlight.html#interactive-chart-with-cross-highlight">interactive examples</a> <br> 3. <a href="https://serialmentor.com/dataviz/directory-of-visualizations.html">FDV, Ch. 5: Directory of visualizations</a> 
 | <a name="week10">Week 10</a> | Web dev with Streamlit + HuggingFace; Considering your audience | 1. <a href="https://medium.com/multiple-views-visualization-research-explained/same-data-multiple-perspectives-curse-of-knowledge-in-visual-data-communication-d827c381f936">Same Data, Multiple Perspectives</a> <br> 2. <a href="https://serialmentor.com/dataviz/telling-a-story.html">FDV, Ch. 29: Telling a story and making a point</a> <br> 3. <a href="https://streamlit.io/">Streamlit docs</a> - in particular the <a href="https://docs.streamlit.io/get-started/fundamentals/main-concepts">the Main Concepts </a> and  <a href="https://docs.streamlit.io/get-started/tutorials/create-an-app">Make an App</a> tutorials, and the docs for <a href="https://docs.streamlit.io/develop/api-reference/text">text</a>, <a href="https://docs.streamlit.io/develop/api-reference/layout">layout</a> and <a href="https://docs.streamlit.io/develop/api-reference/media/st.image">image</a> API elements<br> 4. <a href="https://huggingface.co/docs/hub/en/spaces-sdks-streamlit">Streamlit on HuggingFace</a> <br> 5. <a href="https://altair-viz.github.io/gallery/index.html">Altair Docs</a> - in particular <a href="https://altair-viz.github.io/user_guide/data.html#including-index-data">Including Indexes</a>, <a href="https://altair-viz.github.io/altair-tutorial/notebooks/06-Selections.html">Interactivity & Selections</a>, <a href="https://altair-viz.github.io/gallery/multiline_tooltip.html#multi-line-tooltip">Multi-line tooltips</a>, <a href="https://altair-viz.github.io/user_guide/interactions.html#bindings-selections-conditions-making-charts-interactive">Interactive Binning</a>, <a href="https://altair-viz.github.io/user_guide/transform/filter.html#filter-transform">Filter Transformations</a>
-| <a name="week11">Week 11</a> | Web dev with Streamlit + HuggingFace  | 1. <a href="https://streamlit.io/">Streamlit docs</a><br> 2. <a href="https://huggingface.co/docs/hub/en/spaces-sdks-streamlit">Streamlit on HuggingFace</a> <br> 3. <a href="https://altair-viz.github.io/gallery/index.html">Altair Docs</a> - in particular <a href="https://altair-viz.github.io/user_guide/data.html#including-index-data">Including Indexes</a>, <a href="https://altair-viz.github.io/altair-tutorial/notebooks/06-Selections.html">Interactivity & Selections</a>, <a href="https://altair-viz.github.io/gallery/multiline_tooltip.html#multi-line-tooltip">Multi-line tooltips</a>, <a href="https://altair-viz.github.io/user_guide/interactions.html#bindings-selections-conditions-making-charts-interactive">Interactive Binning</a>, <a href="https://altair-viz.github.io/user_guide/transform/filter.html#filter-transform">Filter Transformations</a>
+| <a name="week11">Week 11</a> | Web dev with Streamlit + HuggingFace  | 1. <a href="https://streamlit.io/">Streamlit docs</a> - in particular <a href="https://docs.streamlit.io/develop/api-reference/charts/st.pyplot">matplotlib plots</a><br> 2. <a href="https://huggingface.co/docs/hub/en/spaces-sdks-streamlit">Streamlit on HuggingFace</a> <br> 3. <a href="https://altair-viz.github.io/gallery/index.html">Altair Docs</a> - in particular <a href="https://altair-viz.github.io/user_guide/data.html#including-index-data">Including Indexes</a>, <a href="https://altair-viz.github.io/altair-tutorial/notebooks/06-Selections.html">Interactivity & Selections</a>, <a href="https://altair-viz.github.io/gallery/multiline_tooltip.html#multi-line-tooltip">Multi-line tooltips</a>, <a href="https://altair-viz.github.io/user_guide/interactions.html#bindings-selections-conditions-making-charts-interactive">Interactive Binning</a>, <a href="https://altair-viz.github.io/user_guide/transform/filter.html#filter-transform">Filter Transformations</a>
 | <a name="week12">Week 12</a> | More web dev with Streamlit & Altair  | 1. <a href="https://streamlit.io/">Streamlit docs</a><br> 2. <a href="https://huggingface.co/docs/hub/en/spaces-sdks-streamlit">Streamlit on HuggingFace</a> 
 | <a name="week13">Week 13</a> | Jekyll, Altair & vega-lite, Publishing Viz, Intro to SciViz | 1. <a href="https://jekyllrb.com/tutorials/home/">Jekyll Tutorials (hit "Next" to see them at bottom)</a> <br> 2. <a href="https://books.google.com/books?hl=en&lr=&id=jUw7DwAAQBAJ&oi=fnd&pg=PA91&dq=scientific+visualization+misinformation&ots=Cv0QmoCdM2&sig=7xycURu8Um_C9VtHqf-aWg4qaEo#v=onepage&q=scientific%20visualization%20misinformation&f=false">Chapter 5: Dimensions of Visual Misinformation in the Emerging Media Landscape in the book "Misinformation and Mass Audiences"</a>
 | <a name="week14">Week 14</a> | Fall break! | No class, enjoy!

week11/lecture10p1.md

@@ -6,33 +6,6 @@ description: >-
 date: 2023-10-31
 ---
 
-<br/>
-<br/>
-<br/>
-
-## Be aware: prep "projects" will be stored in `_example_projects/` folder!
-
-notes:
-links to the prep materials will go to the full prep template, but check out the _example_projects folder for specifics
-
----
-
-<br/>
-<br/>
-<br/>
-
-## Reminder: NO extensions for Final Project
-
----
-
-<br/>
-<br/>
-<br/>
-
-## Reminder: Group sign ups will close Nov 7th
-
----
-
 ## Last Week/This Week
 
 <img src="images/week12.png">
@@ -46,14 +19,14 @@ While we'll just touch on vega-lite in Jekyll for plotting and then start lookin
 
 ---
 
-## Notes on the last two weeks of class
+## Final Groups
 
-Weeks 15 & 16 will have some pre-recorded materials for the Quizzes (and extra credit assignments).
+Sign up due 11/7.
 
-There will be short lectures and the rest of the time we'll have space to work on your Final Projects (as a group or on your own).
+Find a group: `#final-project-groups` channel in Slack.
 
 notes:
-IF ONLINE: you can stay in the main room, or there will be breakout rooms for you as well!
+these have been opened, so please sign up before the due date of 11/7!
 
 ---
 

week12/lecture11p1.md

@@ -12,45 +12,43 @@ date: 2022-10-25
 
 notes:
 
-we'll start today with finishing up some stuff we've done in Starboard and then,
-
-today we'll be continuing on with some of what we did last week -- moving into more Markdown-based viz and viz "reports" along with more javascript and
-finally getting into jekyll probably at the end of class
+Today we'll move on from Streamlit apps to building some Jekyll webpages.
 
 ---
 
-## Final Groups
-
-Sign up due 11/7.
+<br/>
+<br/>
+<br/>
 
-Find a group: `#final-project-groups` channel in Slack.
-
-notes:
-these have been opened, so please sign up before the due date of 11/7!
+## Reminder: NO extensions for Final Project
 
 ---
 
-## Going further with Starboard
+<br/>
+<br/>
+<br/>
 
-Extra video in Module from last week -- interactivity and dashboarding in Starboard.  See "Extra Starboard - Dashboarding" notebook from last week.
+## Reminder: Group sign ups will close Nov 7th
 
-notes:
+---
 
-**go to video**
+## Notes on the last two weeks of class
 
-**point out starboard link**
+Weeks 15 & 16 will have some pre-recorded materials for the Quizzes (and extra credit assignments).
 
----
+There will be short lectures and the rest of the time we'll have space to work on your Final Projects (as a group or on your own).
 
-## Going further with Starboard
+notes:
+IF ONLINE: you can stay in the main room, or there will be breakout rooms for you as well!
 
-Extra video in Module from last week -- interactivity and dashboarding in Starboard.  See "Extra Starboard - Dashboarding" notebook from last week.
+---
 
-There are also ways to embed Starboard notebooks in webpages.
+## Going further with Streamlit
 
-Check out a few tutorials for more:
- * https://kjohnsen.org/post/embed-starboard/
- * https://github.com/gzuidhof/starboard-wrap
+Other fun things:
+  * [Embed Streamlit apps in webpages](https://huggingface.co/docs/hub/en/spaces-sdks-streamlit#embed-streamlit-spaces-on-other-webpages)
+  * [Chat apps & LLMs](https://docs.streamlit.io/develop/tutorials/llms)
+  * [Linking to external data sources](https://docs.streamlit.io/develop/tutorials/databases)
 
 ---
 
@@ -59,10 +57,9 @@ Check out a few tutorials for more:
  * Publishing
    * Jekyll
    * Github Pages
-   * vega-lite in Python with Altair
 
 notes:
-**back from starboard**
+**back from streamlit**
 
 ---
 
@@ -449,7 +446,7 @@ we'll be using a templete for our work with Jekyll for this class, so you won't
 
 ## Markdown in Jekyll
 
-Our Jekyll template uses Markdown for text, just like Starboard:
+Our Jekyll template uses Markdown for text, just like Jupyter:
 
  * To **bold**, use `**two asterisks**`
  * You can _italicize_ with `_underscores_`
@@ -581,7 +578,7 @@ again, our templates and yaml options will take care of all of this for us
 <img src="images/javascript2.png" width="700"/>
 
 notes:
-JavaScript is a dynamic programming language that runs natively on webpages that we've been using the past few weeks in Starboard. If you want to run programming logic in a webpage, you use javascript. If you see interactivity or animated effects on a website, you can generally expect they were written in javascript. 
+JavaScript is a dynamic programming language that runs natively on webpages that we've been using the past few weeks in Streamlit. If you want to run programming logic in a webpage, you use javascript. If you see interactivity or animated effects on a website, you can generally expect they were written in javascript. 
 
 now we will just use altair+vega-lite and our Jekyll templete to make this happen "under the hood" for us!