Update images in section 2

Author: stefmolin

notebooks/2-animations.ipynb

@@ -60,7 +60,7 @@
     "We made a bar plot that captured the total number of questions per library, but it couldn't show us the growth in pandas questions over time (or how the growth rate changed over time):\n",
     "\n",
     "<div style=\"text-align: center;\">\n",
-    "    <img width=\"60%\" src=\"https://raw.githubusercontent.com/stefmolin/python-data-viz-workshop/main/media/bar_plot.svg\" alt=\"bar plot\" style=\"min-width: 500px\">\n",
+    "    <img width=\"60%\" src=\"../slides/media/bar_plot.svg\" alt=\"bar plot\" style=\"min-width: 500px\">\n",
     "</div>"
    ]
   },
@@ -77,7 +77,7 @@
     "We also made an area plot showing the number of questions per day over time for the top 4 libraries, but by limiting the libraries shown we lost some information:\n",
     "\n",
     "<div style=\"text-align: center;\">\n",
-    "    <img width=\"90%\" src=\"https://raw.githubusercontent.com/stefmolin/python-data-viz-workshop/main/media/area_plot.svg\" alt=\"area plot\" style=\"min-width: 600px\">\n",
+    "    <img width=\"90%\" src=\"../slides/media/area_plot.svg\" alt=\"area plot\" style=\"min-width: 600px\">\n",
     "</div>"
    ]
   },
@@ -373,7 +373,7 @@
     "    fig, ax = plt.subplots(figsize=(6, 4), layout='constrained')\n",
     "    sort_order = data.loc[data.index.max()].sort_values().index\n",
     "    bars = ax.barh(sort_order, [0] * data.shape[1], label=sort_order)\n",
-    "    \n",
+    "\n",
     "    ax.set_xlabel('total questions', fontweight='bold')\n",
     "    ax.set_xlim(0, 250_000)\n",
     "    ax.xaxis.set_major_formatter(ticker.EngFormatter())\n",
@@ -1797,7 +1797,7 @@
    "source": [
     "def update(frame, *, ax, df, annotations, time_text):\n",
     "    data = df.loc[frame, :]\n",
-    "    \n",
+    "\n",
     "    # update bars\n",
     "    for rect, text in zip(ax.patches, annotations):\n",
     "        col = rect.get_label()\n",
@@ -1883,7 +1883,7 @@
     "    fig, update_func, frames=questions_per_library.index, repeat=False\n",
     ")\n",
     "ani.save(\n",
-    "    '../media/stackoverflow_questions.mp4', \n",
+    "    '../media/stackoverflow_questions.mp4',\n",
     "    writer='ffmpeg', fps=10, bitrate=100, dpi=300\n",
     ")\n",
     "plt.close()"
@@ -1957,7 +1957,7 @@
     "As with the previous example, the histograms of daily Manhattan subway entries in 2018 (from the first section of the workshop) don't tell the whole story of the dataset because the distributions changed drastically in 2020 and 2021:\n",
     "\n",
     "<div style=\"text-align: center;\">\n",
-    "    <img width=\"70%\" src=\"https://raw.githubusercontent.com/stefmolin/python-data-viz-workshop/main/media/2018_subway_entries_histogram.svg\" alt=\"Histograms of daily Manhattan subway entries in 2018\" style=\"min-width: 500px\">\n",
+    "    <img width=\"70%\" src=\"../slides/media/2018_subway_entries_histogram.svg\" alt=\"Histograms of daily Manhattan subway entries in 2018\" style=\"min-width: 500px\">\n",
     "</div>"
    ]
   },
@@ -2153,7 +2153,7 @@
    ],
    "source": [
     "subway = pd.read_csv(\n",
-    "    '../data/NYC_subway_daily.csv', parse_dates=['Datetime'], \n",
+    "    '../data/NYC_subway_daily.csv', parse_dates=['Datetime'],\n",
     "    index_col=['Borough', 'Datetime']\n",
     ")\n",
     "subway_daily = subway.unstack(0)\n",
@@ -2249,7 +2249,7 @@
     "        {'label': 'Weekend', 'mask': ~weekday_mask, 'ymax': 60},\n",
     "        {'label': 'Weekday', 'mask': weekday_mask, 'ymax': 120}\n",
     "    ]\n",
-    "    \n",
+    "\n",
     "    fig, axes = plt.subplots(1, 2, figsize=(6, 3), sharex=True, layout='constrained')\n",
     "    for ax, config in zip(axes, configs):\n",
     "        _, _, config['hist'] = ax.hist(\n",
@@ -4396,7 +4396,7 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "# "
+    "#"
    ]
   },
   {

slides/2-animations.ipynb

@@ -85,7 +85,7 @@
     "We made a bar plot that captured the total number of questions per library, but it couldn't show us the growth in pandas questions over time (or how the growth rate changed over time):\n",
     "\n",
     "<div style=\"text-align: center;\">\n",
-    "    <img width=\"60%\" src=\"https://raw.githubusercontent.com/stefmolin/python-data-viz-workshop/main/media/bar_plot.svg\" alt=\"bar plot\" style=\"min-width: 500px\">\n",
+    "    <img width=\"60%\" src=\"media/bar_plot.svg\" alt=\"bar plot\" style=\"min-width: 500px\">\n",
     "</div>"
    ]
   },
@@ -102,7 +102,7 @@
     "We also made an area plot showing the number of questions per day over time for the top 4 libraries, but by limiting the libraries shown we lost some information:\n",
     "\n",
     "<div style=\"text-align: center;\">\n",
-    "    <img width=\"90%\" src=\"https://raw.githubusercontent.com/stefmolin/python-data-viz-workshop/main/media/area_plot.svg\" alt=\"area plot\" style=\"min-width: 600px\">\n",
+    "    <img width=\"90%\" src=\"media/area_plot.svg\" alt=\"area plot\" style=\"min-width: 600px\">\n",
     "</div>"
    ]
   },
@@ -404,7 +404,7 @@
     "    fig, ax = plt.subplots(figsize=(6, 4), layout='constrained')\n",
     "    sort_order = data.loc[data.index.max()].squeeze().sort_values().index\n",
     "    bars = ax.barh(sort_order, [0] * data.shape[1], label=sort_order)\n",
-    "    \n",
+    "\n",
     "    ax.set_xlabel('total questions', fontweight='bold')\n",
     "    ax.set_xlim(0, 250_000)\n",
     "    ax.xaxis.set_major_formatter(ticker.EngFormatter())\n",
@@ -1834,7 +1834,7 @@
    "source": [
     "def update(frame, *, ax, df, annotations, time_text):\n",
     "    data = df.loc[frame, :]\n",
-    "    \n",
+    "\n",
     "    # update bars\n",
     "    for rect, text in zip(ax.patches, annotations):\n",
     "        col = rect.get_label()\n",
@@ -1922,7 +1922,7 @@
     "    fig, update_func, frames=questions_per_library.index, repeat=False\n",
     ")\n",
     "ani.save(\n",
-    "    '../media/stackoverflow_questions.mp4', \n",
+    "    '../media/stackoverflow_questions.mp4',\n",
     "    writer='ffmpeg', fps=10, bitrate=100, dpi=300\n",
     ")\n",
     "plt.close()"
@@ -2015,7 +2015,7 @@
     "As with the previous example, the histograms of daily Manhattan subway entries in 2018 (from the first section of the workshop) don't tell the whole story of the dataset because the distributions changed drastically in 2020 and 2021:\n",
     "\n",
     "<div style=\"text-align: center;\">\n",
-    "    <img width=\"70%\" src=\"https://raw.githubusercontent.com/stefmolin/python-data-viz-workshop/main/media/2018_subway_entries_histogram.svg\" alt=\"Histograms of daily Manhattan subway entries in 2018\" style=\"min-width: 500px\">\n",
+    "    <img width=\"70%\" src=\"media/2018_subway_entries_histogram.svg\" alt=\"Histograms of daily Manhattan subway entries in 2018\" style=\"min-width: 500px\">\n",
     "</div>"
    ]
   },
@@ -2213,7 +2213,7 @@
    ],
    "source": [
     "subway = pd.read_csv(\n",
-    "    '../data/NYC_subway_daily.csv', parse_dates=['Datetime'], \n",
+    "    '../data/NYC_subway_daily.csv', parse_dates=['Datetime'],\n",
     "    index_col=['Borough', 'Datetime']\n",
     ")\n",
     "subway_daily = subway.unstack(0)\n",
@@ -2315,7 +2315,7 @@
     "        {'label': 'Weekend', 'mask': ~weekday_mask, 'ymax': 60},\n",
     "        {'label': 'Weekday', 'mask': weekday_mask, 'ymax': 120}\n",
     "    ]\n",
-    "    \n",
+    "\n",
     "    fig, axes = plt.subplots(1, 2, figsize=(6, 3), sharex=True, layout='constrained')\n",
     "    for ax, config in zip(axes, configs):\n",
     "        _, _, config['hist'] = ax.hist(\n",
@@ -4461,7 +4461,7 @@
     "import pandas as pd\n",
     "\n",
     "manhattan_entries = pd.read_csv(\n",
-    "    '../data/NYC_subway_daily.csv', parse_dates=['Datetime'], \n",
+    "    '../data/NYC_subway_daily.csv', parse_dates=['Datetime'],\n",
     "    index_col=['Borough', 'Datetime']\n",
     ").unstack(0)['Entries']['M']\n",
     "manhattan_entries.head()"
@@ -4541,7 +4541,7 @@
    "source": [
     "def subway_histogram(data, bins, date_range):\n",
     "    _, bin_ranges = np.histogram(data, bins=bins)\n",
-    "    \n",
+    "\n",
     "    weekday_mask = data.index.weekday < 5\n",
     "    configs = [ # CHANGE: add bar color to config\n",
     "        {'label': 'Weekend', 'mask': ~weekday_mask, 'color': 'orange'},\n",
@@ -4557,7 +4557,7 @@
     "\n",
     "    ax.xaxis.set_major_formatter(ticker.EngFormatter())\n",
     "    despine(ax)\n",
-    "    \n",
+    "\n",
     "    # CHANGES: update formatting and add legend\n",
     "    ax.set(\n",
     "        xlim=(0, None), ylim=(0, 120), xlabel='Entries', ylabel='Frequency',\n",