Added gifs for streams examples

holoviz · Jun 12, 2017 · 96d4424 · 96d4424
1 parent b41c844
commit 96d4424
Show file tree

Hide file tree

Showing 7 changed files with 59 additions and 31 deletions.
diff --git a/examples/streams/bokeh/Bounds_Selection.ipynb b/examples/streams/bokeh/Bounds_Selection.ipynb
@@ -17,9 +17,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "metadata": {
-    "collapsed": true
-   },
+   "metadata": {},
    "outputs": [],
    "source": [
     "import numpy as np\n",
@@ -31,9 +29,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "metadata": {
-    "collapsed": true
-   },
+   "metadata": {},
    "outputs": [],
    "source": [
     "%%opts Histogram {+framewise}\n",
@@ -64,6 +60,13 @@
     "# Combine components and display\n",
     "points * mean_sel * bounds << yhist << xhist"
    ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "<center><img src=\"http://assets.holoviews.org/gifs/bounds_selection.gif\" width=400></center>"
+   ]
   }
  ],
  "metadata": {

diff --git a/examples/streams/bokeh/HeatMap_Tap.ipynb b/examples/streams/bokeh/HeatMap_Tap.ipynb
@@ -17,9 +17,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "metadata": {
-    "collapsed": true
-   },
+   "metadata": {},
    "outputs": [],
    "source": [
     "import numpy as np\n",
@@ -31,9 +29,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "metadata": {
-    "collapsed": true
-   },
+   "metadata": {},
    "outputs": [],
    "source": [
     "%%opts HeatMap [width=400 height=400 tools=['hover'] xrotation=90] Histogram [width=400 height=400] {+framewise}\n",
@@ -53,6 +49,13 @@
     "\n",
     "heatmap + hv.DynamicMap(tap_histogram, kdims=[], streams=[posxy])"
    ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "<center><img src=\"http://assets.holoviews.org/gifs/heatmap_tap.gif\" width=600></center>"
+   ]
   }
  ],
  "metadata": {

diff --git a/examples/streams/bokeh/Linked_Pointer_Crosssection.ipynb b/examples/streams/bokeh/Linked_Pointer_Crosssection.ipynb
@@ -17,9 +17,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "metadata": {
-    "collapsed": true
-   },
+   "metadata": {},
    "outputs": [],
    "source": [
     "import numpy as np\n",
@@ -31,9 +29,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "metadata": {
-    "collapsed": true
-   },
+   "metadata": {},
    "outputs": [],
    "source": [
     "%%opts Curve [width=100]\n",
@@ -54,6 +50,13 @@
     "# Combine images, vline and cross-sections\n",
     "((img1 * vline) << crosssection1) + ((img2 * vline) << crosssection2)"
    ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "<center><img src=\"http://assets.holoviews.org/gifs/linked_pointer_crosssection.gif\" width=600></center>"
+   ]
   }
  ],
  "metadata": {

diff --git a/examples/streams/bokeh/Multiple_Selection.ipynb b/examples/streams/bokeh/Multiple_Selection.ipynb
@@ -18,7 +18,6 @@
    "cell_type": "code",
    "execution_count": null,
    "metadata": {
-    "collapsed": true,
     "scrolled": true
    },
    "outputs": [],
@@ -33,7 +32,6 @@
    "cell_type": "code",
    "execution_count": null,
    "metadata": {
-    "collapsed": true,
     "scrolled": true
    },
    "outputs": [],
@@ -50,11 +48,18 @@
     "\n",
     "# Declare DynamicMaps to show mean y-value of selection as HLine\n",
     "hline1 = hv.DynamicMap(lambda index: hv.HLine(points['y'][index].mean() if index else -10), streams=[sel1])\n",
-    "hline2 = hv.DynamicMap(lambda index: hv.HLine(points2['y'][index].mean() if index else -10), streams=[sel1])\n",
+    "hline2 = hv.DynamicMap(lambda index: hv.HLine(points2['y'][index].mean() if index else -10), streams=[sel2])\n",
     "\n",
     "# Combine points and dynamic HLines\n",
     "points * points2 * hline1 * hline2"
    ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "<center><img src=\"http://assets.holoviews.org/gifs/multiple_selection.gif\" width=350></center>"
+   ]
   }
  ],
  "metadata": {

diff --git a/examples/streams/bokeh/Point_Selection1D.ipynb b/examples/streams/bokeh/Point_Selection1D.ipynb
@@ -17,9 +17,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "metadata": {
-    "collapsed": true
-   },
+   "metadata": {},
    "outputs": [],
    "source": [
     "import numpy as np\n",
@@ -31,9 +29,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "metadata": {
-    "collapsed": true
-   },
+   "metadata": {},
    "outputs": [],
    "source": [
     "%%opts Points [tools=['box_select', 'lasso_select']]\n",
@@ -56,6 +52,13 @@
     "# Combine points and DynamicMap\n",
     "points + hv.DynamicMap(selected_info, streams=[selection])"
    ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "<center><img src=\"http://assets.holoviews.org/gifs/point_selection1d.gif\" width=600></center>"
+   ]
   }
  ],
  "metadata": {

diff --git a/examples/streams/bokeh/Pointer_Crosshair.ipynb b/examples/streams/bokeh/Pointer_Crosshair.ipynb
@@ -18,7 +18,6 @@
    "cell_type": "code",
    "execution_count": null,
    "metadata": {
-    "collapsed": true,
     "scrolled": true
    },
    "outputs": [],
@@ -32,9 +31,7 @@
   {
    "cell_type": "code",
    "execution_count": null,
-   "metadata": {
-    "collapsed": true
-   },
+   "metadata": {},
    "outputs": [],
    "source": [
     "Y,X=(np.mgrid[0:100, 0:100]-50.)/20.\n",
@@ -51,6 +48,13 @@
     "# Overlay image and cross_hair_info\n",
     "img * hv.DynamicMap(cross_hair_info, streams=[pointer])"
    ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "<center><img src=\"http://assets.holoviews.org/gifs/pointer_crosshair.gif\" width=300></center>"
+   ]
   }
  ],
  "metadata": {

diff --git a/examples/streams/bokeh/Range_Histogram.ipynb b/examples/streams/bokeh/Range_Histogram.ipynb
@@ -49,6 +49,13 @@
     "# Adjoin the dynamic histogram computed based on the current ranges\n",
     "img << hv.DynamicMap(selected_hist, streams=[rangexy])"
    ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "<center><img src=\"http://assets.holoviews.org/gifs/range_histogram.gif\" width=400></center>"
+   ]
   }
  ],
  "metadata": {