Skip to content

Commit

Permalink
reading
Browse files Browse the repository at this point in the history
  • Loading branch information
NAME committed Nov 13, 2024
1 parent ec5ac02 commit c3a7865
Show file tree
Hide file tree
Showing 7 changed files with 37 additions and 39 deletions.
4 changes: 2 additions & 2 deletions _site/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1712,7 +1712,7 @@ <h2 class="subtitle">

</figure>
<h3 class="subtitle">
<a href="/is445_bcubcg_fall2024/week12/">More web dev with Streamlit, Altair and Jekyll</a>
<a href="/is445_bcubcg_fall2024/week12/">More web dev with Altair and Jekyll</a>
</h3>
<p>

Expand Down Expand Up @@ -1905,7 +1905,7 @@ <h2 class="subtitle">

</figure>
<h3 class="subtitle">
<a href="/is445_bcubcg_fall2024/week13/">Jekyll+Altair+vega-lite, Publishing Viz &amp; Intro to SciViz</a>
<a href="/is445_bcubcg_fall2024/week13/">Intro to SciViz &amp; More with Streamlit/Jekyll</a>
</h3>
<p>

Expand Down
8 changes: 4 additions & 4 deletions _site/syllabus.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -401,13 +401,13 @@ <h1 id="topic-calendar--optional-reading">Topic Calendar &amp; Optional Reading<
</tr>
<tr>
<td><a name="week12">Week 12</a></td>
<td>More web dev with Streamlit &amp; Altair</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> with a focus on <a href="https://docs.streamlit.io/get-started/tutorials/create-a-multipage-app">Multi-page apps</a> <br /> 3. <a href="https://medium.com/@imanuelyosi/deploy-your-streamlit-web-app-using-hugging-face-7b9cddb11148">This blog post for a walkthrough of deploying a Streamlit space on HuggingFace</a></td>
<td>Jekyll, Altair &amp; vega-lite, Publishing Viz</td>
<td>1. <a href="https://jekyllrb.com/tutorials/home/">Jekyll Tutorials (hit “Next” to see them at bottom)</a></td>
</tr>
<tr>
<td><a name="week13">Week 13</a></td>
<td>Jekyll, Altair &amp; vega-lite, Publishing Viz, Intro to SciViz</td>
<td>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&amp;lr=&amp;id=jUw7DwAAQBAJ&amp;oi=fnd&amp;pg=PA91&amp;dq=scientific+visualization+misinformation&amp;ots=Cv0QmoCdM2&amp;sig=7xycURu8Um_C9VtHqf-aWg4qaEo#v=onepage&amp;q=scientific%20visualization%20misinformation&amp;f=false">Chapter 5: Dimensions of Visual Misinformation in the Emerging Media Landscape in the book “Misinformation and Mass Audiences”</a></td>
<td>More web dev with Streamlit/Jekyll &amp; Altair</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> with a focus on <a href="https://docs.streamlit.io/get-started/tutorials/create-a-multipage-app">Multi-page apps</a> <br /> 3. <a href="https://medium.com/@imanuelyosi/deploy-your-streamlit-web-app-using-hugging-face-7b9cddb11148">This blog post for a walkthrough of deploying a Streamlit space on HuggingFace</a> <br /> 4. <a href="https://books.google.com/books?hl=en&amp;lr=&amp;id=jUw7DwAAQBAJ&amp;oi=fnd&amp;pg=PA91&amp;dq=scientific+visualization+misinformation&amp;ots=Cv0QmoCdM2&amp;sig=7xycURu8Um_C9VtHqf-aWg4qaEo#v=onepage&amp;q=scientific%20visualization%20misinformation&amp;f=false">Chapter 5: Dimensions of Visual Misinformation in the Emerging Media Landscape in the book “Misinformation and Mass Audiences”</a></td>
</tr>
<tr>
<td><a name="week14">Week 14</a></td>
Expand Down
18 changes: 8 additions & 10 deletions _site/week12/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,15 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>IS445 - Data Viz - BCU/BCG - More web dev with Streamlit, Altair and Jekyll</title>
<title>IS445 - Data Viz - BCU/BCG - More web dev with Altair and Jekyll</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.0/css/bulma.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet">
<link rel="stylesheet" href="/is445_bcubcg_fall2024/assets/style.css" />
<!-- Begin Jekyll SEO tag v2.8.0 -->
<title>More web dev with Streamlit, Altair and Jekyll | IS445 - Data Viz - BCU/BCG</title>
<title>More web dev with Altair and Jekyll | IS445 - Data Viz - BCU/BCG</title>
<meta name="generator" content="Jekyll v3.9.5" />
<meta property="og:title" content="More web dev with Streamlit, Altair and Jekyll" />
<meta property="og:title" content="More web dev with Altair and Jekyll" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="This is the course website for IS445-BCU/BCG in Fall 2024" />
<meta property="og:description" content="This is the course website for IS445-BCU/BCG in Fall 2024" />
Expand All @@ -20,9 +20,9 @@
<meta property="og:site_name" content="IS445 - Data Viz - BCU/BCG" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="More web dev with Streamlit, Altair and Jekyll" />
<meta property="twitter:title" content="More web dev with Altair and Jekyll" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebPage","description":"This is the course website for IS445-BCU/BCG in Fall 2024","headline":"More web dev with Streamlit, Altair and Jekyll","url":"http://localhost:4009/is445_bcubcg_fall2024/week12/"}</script>
{"@context":"https://schema.org","@type":"WebPage","description":"This is the course website for IS445-BCU/BCG in Fall 2024","headline":"More web dev with Altair and Jekyll","url":"http://localhost:4009/is445_bcubcg_fall2024/week12/"}</script>
<!-- End Jekyll SEO tag -->


Expand Down Expand Up @@ -121,9 +121,9 @@
<div class="container">
<div class="columns">
<div class="column is-two-thirds">
<h1 id="more-web-dev-with-streamlit-altair-and-jekyll">More web dev with Streamlit, Altair and Jekyll</h1>
<h1 id="more-web-dev-with-altair-and-jekyll">More web dev with Altair and Jekyll</h1>

<p>We talk a little bit about publishing and carry on with Streamlit and add in some Altair in Python/Streamlit.</p>
<p>We talk a little bit about publishing and add in some Altair in Python/Jekyll.</p>

<h2 id="extra-files">Extra files</h2>

Expand All @@ -132,9 +132,7 @@ <h2 id="extra-files">Extra files</h2>
<h2 id="optional-reading-list">Optional reading list</h2>

<ol>
<li><a href="https://streamlit.io/">Streamlit docs</a></li>
<li><a href="https://huggingface.co/docs/hub/en/spaces-sdks-streamlit">Streamlit on HuggingFace</a> with a focus on <a href="https://docs.streamlit.io/get-started/tutorials/create-a-multipage-app">Multi-page apps</a></li>
<li><a href="https://medium.com/@imanuelyosi/deploy-your-streamlit-web-app-using-hugging-face-7b9cddb11148">This blog post for a walkthrough of deploying a Streamlit space on HuggingFace</a></li>
<li><a href="https://jekyllrb.com/tutorials/home/">Jekyll Tutorials (hit “Next” to see them at bottom)</a></li>
</ol>

</div>
Expand Down
21 changes: 11 additions & 10 deletions _site/week13/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,15 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>IS445 - Data Viz - BCU/BCG - Jekyll+Altair+vega-lite, Publishing Viz &amp; Intro to SciViz</title>
<title>IS445 - Data Viz - BCU/BCG - Intro to SciViz &amp; More with Streamlit/Jekyll</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.0/css/bulma.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css?family=Questrial" rel="stylesheet">
<link rel="stylesheet" href="/is445_bcubcg_fall2024/assets/style.css" />
<!-- Begin Jekyll SEO tag v2.8.0 -->
<title>Jekyll+Altair+vega-lite, Publishing Viz &amp; Intro to SciViz | IS445 - Data Viz - BCU/BCG</title>
<title>Intro to SciViz &amp; More with Streamlit/Jekyll | IS445 - Data Viz - BCU/BCG</title>
<meta name="generator" content="Jekyll v3.9.5" />
<meta property="og:title" content="Jekyll+Altair+vega-lite, Publishing Viz &amp; Intro to SciViz" />
<meta property="og:title" content="Intro to SciViz &amp; More with Streamlit/Jekyll" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="This is the course website for IS445-BCU/BCG in Fall 2024" />
<meta property="og:description" content="This is the course website for IS445-BCU/BCG in Fall 2024" />
Expand All @@ -20,9 +20,9 @@
<meta property="og:site_name" content="IS445 - Data Viz - BCU/BCG" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="Jekyll+Altair+vega-lite, Publishing Viz &amp; Intro to SciViz" />
<meta property="twitter:title" content="Intro to SciViz &amp; More with Streamlit/Jekyll" />
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebPage","description":"This is the course website for IS445-BCU/BCG in Fall 2024","headline":"Jekyll+Altair+vega-lite, Publishing Viz &amp; Intro to SciViz","url":"http://localhost:4009/is445_bcubcg_fall2024/week13/"}</script>
{"@context":"https://schema.org","@type":"WebPage","description":"This is the course website for IS445-BCU/BCG in Fall 2024","headline":"Intro to SciViz &amp; More with Streamlit/Jekyll","url":"http://localhost:4009/is445_bcubcg_fall2024/week13/"}</script>
<!-- End Jekyll SEO tag -->


Expand Down Expand Up @@ -121,11 +121,11 @@
<div class="container">
<div class="columns">
<div class="column is-two-thirds">
<h1 id="jekyllaltairvega-lite-publishing-viz--intro-to-sciviz">Jekyll+Altair+vega-lite, Publishing Viz &amp; Intro to SciViz</h1>
<h1 id="intro-to-sciviz--more-with-streamlitjekyll">Intro to SciViz &amp; More with Streamlit/Jekyll</h1>

<p>We move on to our next visualization tool – Jekyll.</p>
<p>We do a few more things with Streamlit and Jekyll.</p>

<p>We talk a little bit about 3D graphics and how it relates to Scientific Visualiazation, and carry on with Jekyll and add in some Altair in Python.</p>
<p>We talk a little bit about 3D graphics and how it relates to Scientific Visualization, and carry on with Streamlit/Jekyll and add in some Altair in Python.</p>

<p>Also, here is a slightly more in-depth explanation of path/ray tracing:</p>

Expand All @@ -138,11 +138,12 @@ <h2 id="extra-files">Extra files</h2>
<h2 id="optional-reading-list">Optional reading list</h2>

<ol>
<li><a href="https://jekyllrb.com/tutorials/home/">Jekyll Tutorials (hit “Next” to see them at bottom)</a></li>
<li><a href="https://streamlit.io/">Streamlit docs</a></li>
<li><a href="https://huggingface.co/docs/hub/en/spaces-sdks-streamlit">Streamlit on HuggingFace</a> with a focus on <a href="https://docs.streamlit.io/get-started/tutorials/create-a-multipage-app">Multi-page apps</a></li>
<li><a href="https://medium.com/@imanuelyosi/deploy-your-streamlit-web-app-using-hugging-face-7b9cddb11148">This blog post for a walkthrough of deploying a Streamlit space on HuggingFace</a></li>
<li><a href="https://books.google.com/books?hl=en&amp;lr=&amp;id=jUw7DwAAQBAJ&amp;oi=fnd&amp;pg=PA91&amp;dq=scientific+visualization+misinformation&amp;ots=Cv0QmoCdM2&amp;sig=7xycURu8Um_C9VtHqf-aWg4qaEo#v=onepage&amp;q=scientific%20visualization%20misinformation&amp;f=false">Chapter 5: Dimensions of Visual Misinformation in the Emerging Media Landscape in the book “Misinformation and Mass Audiences”</a></li>
</ol>


</div>
<div class="column">

Expand Down
4 changes: 2 additions & 2 deletions syllabus.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -162,8 +162,8 @@ table th:nth-of-type(3) {
| <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> <br> 6. <a href="https://medium.com/@imanuelyosi/deploy-your-streamlit-web-app-using-hugging-face-7b9cddb11148">This blog post for a walkthrough of deploying a Streamlit space on HuggingFace</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> <br> 4. <a href="https://medium.com/@imanuelyosi/deploy-your-streamlit-web-app-using-hugging-face-7b9cddb11148">This blog post for a walkthrough of deploying a Streamlit space on HuggingFace</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> with a focus on <a href="https://docs.streamlit.io/get-started/tutorials/create-a-multipage-app">Multi-page apps</a> <br> 3. <a href="https://medium.com/@imanuelyosi/deploy-your-streamlit-web-app-using-hugging-face-7b9cddb11148">This blog post for a walkthrough of deploying a Streamlit space 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="week12">Week 12</a> | Jekyll, Altair & vega-lite, Publishing Viz | 1. <a href="https://jekyllrb.com/tutorials/home/">Jekyll Tutorials (hit "Next" to see them at bottom)</a>
| <a name="week13">Week 13</a> | More web dev with Streamlit/Jekyll & 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> with a focus on <a href="https://docs.streamlit.io/get-started/tutorials/create-a-multipage-app">Multi-page apps</a> <br> 3. <a href="https://medium.com/@imanuelyosi/deploy-your-streamlit-web-app-using-hugging-face-7b9cddb11148">This blog post for a walkthrough of deploying a Streamlit space on HuggingFace</a> <br> 4. <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!
| <a name="week15">Week 15</a> | Even more with Jekyll & Altair & vega-lite + Guest lecture about scientific & cinematic viz from <a href="https://svs.gsfc.nasa.gov/">NASA SVS</a> | 1. <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 href="https://altair-viz.github.io/altair-tutorial/notebooks/09-Geographic-plots.html">Geographic plots</a>, and <a href="https://altair-viz.github.io/user_guide/transform/fold.html">Fold Transformations</a> <br> 2. VAD Ch. 8.4-8.6: Arrange Spatial Data <br> 3. VAD Ch. 11.6: Manipulate View <br> 4. <a href="https://yt-project.org/">yt docs</a> <br> 5. <a href="https://yt-project.org/doc/visualizing/volume_rendering.html">yt Volume Rendering Tutorial</a>
| <a name="week16">Week 16</a> | Network Viz & Word cloud Viz; Class summary | 1. VAD Ch. 9: Arrange Networks and Trees <br> 2. VAD, Ch. 13.4.3.1: Reduce Items and Attributes <br> 3. VAD, Ch. 6: Rules of Thumb <br> 4. [FDV, Ch. 28: Choosing the right visualization software](https://serialmentor.com/dataviz/choosing-visualization-software.html) <br> 5. [FDV, Ch. 26: Don't go 3D](https://serialmentor.com/dataviz/no-3d.html) <br> 6. [FDV, Ch. 25: Avoid line drawings](https://serialmentor.com/dataviz/avoid-line-drawings.html)
Expand Down
Loading

0 comments on commit c3a7865

Please sign in to comment.