<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.8.5">Jekyll</generator><link href="https://nickhand.github.io/test-github-pages/feed.xml" rel="self" type="application/atom+xml" /><link href="https://nickhand.github.io/test-github-pages/" rel="alternate" type="text/html" /><updated>2019-11-26T23:29:09+00:00</updated><id>https://nickhand.github.io/test-github-pages/feed.xml</id><title type="html">MUSA 620: Data Wrangling and Data Visualization</title><subtitle>Displaying cool data visualizations</subtitle><author><name>Nick Hand</name></author><entry><title type="html">Health vs Income by Country</title><link href="https://nickhand.github.io/test-github-pages/gapminder/" rel="alternate" type="text/html" title="Health vs Income by Country" /><published>2019-11-26T00:00:00+00:00</published><updated>2019-11-26T00:00:00+00:00</updated><id>https://nickhand.github.io/test-github-pages/gapminder</id><content type="html" xml:base="https://nickhand.github.io/test-github-pages/gapminder/">&lt;p&gt;This post analyzes the life expectancy of a country as compared with its income, using the Gapminder dataset.&lt;/p&gt;

&lt;div id=&quot;gapminder-chart&quot;&gt;&lt;/div&gt;</content><author><name>Nick Hand</name></author><category term="dataviz" /><category term="altair" /><category term="gapminder" /><summary type="html">Analyzing Gapminder data using Altair</summary></entry><entry><title type="html">Welcome to GitHub Pages!</title><link href="https://nickhand.github.io/test-github-pages/blog/welcome-to-github-pages/" rel="alternate" type="text/html" title="Welcome to GitHub Pages!" /><published>2019-04-18T19:34:30+00:00</published><updated>2019-04-18T19:34:30+00:00</updated><id>https://nickhand.github.io/test-github-pages/blog/welcome-to-github-pages</id><content type="html" xml:base="https://nickhand.github.io/test-github-pages/blog/welcome-to-github-pages/">&lt;p&gt;You’ll find this post in your &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory. Go ahead and edit it and commit your changes to to the repository. GitHub will automatically rebuild your site. Wait a few minutes and then refresh the site link to see the new changes. There are three main ways to make changes to your site:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;Edit files within your in the browser at GitHub.com&lt;/li&gt;
  &lt;li&gt;Use a third party GitHub content editor, like &lt;a href=&quot;http://prose.io&quot;&gt;Prose by Development Seed&lt;/a&gt;.&lt;/li&gt;
  &lt;li&gt;Clone down your repository and make updates locally, then push them to your GitHub repository.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;To add new posts, simply add a file in the &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;_posts&lt;/code&gt; directory that follows the convention &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;YYYY-MM-DD-name-of-post.ext&lt;/code&gt; and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.&lt;/p&gt;

&lt;p&gt;Jekyll also offers powerful support for code snippets:&lt;/p&gt;

&lt;div class=&quot;language-python highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;k&quot;&gt;def&lt;/span&gt; &lt;span class=&quot;nf&quot;&gt;print_message&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;message&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;):&lt;/span&gt;
  &lt;span class=&quot;k&quot;&gt;print&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;message&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;

&lt;span class=&quot;n&quot;&gt;print_message&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;&quot;Welcome to GitHub Pages&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;Check out the &lt;a href=&quot;https://jekyllrb.com/docs/home&quot;&gt;Jekyll docs&lt;/a&gt; for more info on how to get the most out of Jekyll. File all bugs/feature requests at &lt;a href=&quot;https://github.com/jekyll/jekyll&quot;&gt;Jekyll’s GitHub repo&lt;/a&gt;. If you have questions, you can ask them on &lt;a href=&quot;https://talk.jekyllrb.com/&quot;&gt;Jekyll Talk&lt;/a&gt;.&lt;/p&gt;</content><author><name>Nick Hand</name></author><category term="Github Page" /><category term="update" /><summary type="html">You’ll find this post in your _posts directory. Go ahead and edit it and commit your changes to to the repository. GitHub will automatically rebuild your site. Wait a few minutes and then refresh the site link to see the new changes. There are three main ways to make changes to your site:</summary></entry><entry><title type="html">Example: Embedding Matplotlib Images</title><link href="https://nickhand.github.io/test-github-pages/example-post/" rel="alternate" type="text/html" title="Example: Embedding Matplotlib Images" /><published>2019-04-17T00:00:00+00:00</published><updated>2019-04-17T00:00:00+00:00</updated><id>https://nickhand.github.io/test-github-pages/example-post</id><content type="html" xml:base="https://nickhand.github.io/test-github-pages/example-post/">&lt;h1 id=&quot;section-1&quot;&gt;Section 1&lt;/h1&gt;

&lt;p&gt;This is an example post. The posts are written in markdown.&lt;/p&gt;

&lt;h2 id=&quot;abandoned-cars&quot;&gt;Abandoned Cars&lt;/h2&gt;

&lt;p&gt;Below, we show the distance between residential sales and the average distance to the 5 nearest 311 calls for abandoned cars.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;https://nickhand.github.io/test-github-pages/assets/images/distance_to_abandoned_cars.png&quot; alt=&quot;distances-abandoned-cars&quot; /&gt;&lt;/p&gt;</content><author><name>Nick Hand</name></author><category term="dataviz" /><category term="altair" /><category term="hvplot" /><category term="holoviews" /><summary type="html">This is an example blog post</summary></entry><entry><title type="html">Example: Embedding Folium charts</title><link href="https://nickhand.github.io/test-github-pages/folium-charts/" rel="alternate" type="text/html" title="Example: Embedding Folium charts" /><published>2019-04-13T00:00:00+00:00</published><updated>2019-04-13T00:00:00+00:00</updated><id>https://nickhand.github.io/test-github-pages/folium-charts</id><content type="html" xml:base="https://nickhand.github.io/test-github-pages/folium-charts/">&lt;p&gt;This post will show examples of embedding interactive maps produced using &lt;a href=&quot;https://github.com/python-visualization/folium&quot;&gt;Folium&lt;/a&gt;.&lt;/p&gt;

&lt;h2 id=&quot;osmnx-and-street-networks&quot;&gt;OSMnx and Street Networks&lt;/h2&gt;

&lt;p&gt;The shortest route between Spring Garden Station and Frankford Hall:&lt;/p&gt;

&lt;div id=&quot;folium-chart-1&quot;&gt;&lt;/div&gt;

&lt;h2 id=&quot;percentage-of-households-without-internet&quot;&gt;Percentage of Households without Internet&lt;/h2&gt;

&lt;div id=&quot;folium-chart-2&quot;&gt;&lt;/div&gt;

&lt;p&gt;See the &lt;a href=&quot;https://github.com/MUSA-620-Fall-2019/week-9/blob/master/lecture-9.ipynb&quot;&gt;week 9 lecture slides&lt;/a&gt; for the code that produced these plots.&lt;/p&gt;</content><author><name>Nick Hand</name></author><category term="dataviz" /><category term="folium" /><summary type="html">Embedding interactive Folium charts on static pages using Jekyll.</summary></entry><entry><title type="html">Example: Embedding Altair &amp;amp; Hvplot Charts</title><link href="https://nickhand.github.io/test-github-pages/measles-charts/" rel="alternate" type="text/html" title="Example: Embedding Altair &amp; Hvplot Charts" /><published>2019-04-13T00:00:00+00:00</published><updated>2019-04-13T00:00:00+00:00</updated><id>https://nickhand.github.io/test-github-pages/measles-charts</id><content type="html" xml:base="https://nickhand.github.io/test-github-pages/measles-charts/">&lt;p&gt;This post will show examples of embedding interactive charts produced using &lt;a href=&quot;https://altair-viz.github.io&quot;&gt;Altair&lt;/a&gt; and &lt;a href=&quot;https://hvplot.pyviz.org/&quot;&gt;Hvplot&lt;/a&gt;.&lt;/p&gt;

&lt;h2 id=&quot;altair-example&quot;&gt;Altair Example&lt;/h2&gt;

&lt;p&gt;Below is a chart of the incidence of measles since 1928 for the 50 US states.&lt;/p&gt;

&lt;div id=&quot;altair-chart-1&quot;&gt;&lt;/div&gt;

&lt;p&gt;This was produced using Altair and embedded in this static web page. Note that you can also display Python code on this page:&lt;/p&gt;

&lt;div class=&quot;language-python highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;kn&quot;&gt;import&lt;/span&gt; &lt;span class=&quot;nn&quot;&gt;altair&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;as&lt;/span&gt; &lt;span class=&quot;n&quot;&gt;alt&lt;/span&gt;
&lt;span class=&quot;n&quot;&gt;alt&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;renderers&lt;/span&gt;&lt;span class=&quot;o&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;enable&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s&quot;&gt;'notebook'&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;h2 id=&quot;holoviews-example&quot;&gt;Holoviews Example&lt;/h2&gt;

&lt;p&gt;Lastly, the measles incidence produced using the Holoviews package:&lt;/p&gt;

&lt;div id=&quot;hv-chart-1&quot;&gt;&lt;/div&gt;

&lt;h2 id=&quot;notes&quot;&gt;Notes&lt;/h2&gt;

&lt;ul&gt;
  &lt;li&gt;See the &lt;a href=&quot;https://raw.githubusercontent.com/nickhand/static-site-template/master/_posts/2019-04-13-measles-charts.md&quot;&gt;raw source code&lt;/a&gt; of this post for details on how these charts were embedded.&lt;/li&gt;
  &lt;li&gt;See the &lt;a href=&quot;https://github.com/MUSA-620-Fall-2019/week-13/blob/master/lecture-13.ipynb&quot;&gt;week 13 lecture slides&lt;/a&gt; for the code that produced these plots.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;Important: When embedding charts, you will likely need to adjust the width/height of the charts before embedding them in the page so they fit nicely when embedded.&lt;/strong&gt;&lt;/p&gt;</content><author><name>Nick Hand</name></author><category term="dataviz" /><category term="altair" /><category term="hvplot" /><category term="holoviews" /><summary type="html">Embedding interactive charts on static pages using Jekyll.</summary></entry></feed>