diff --git a/.gitignore b/.gitignore
index 3311046..e67cf2b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,3 +6,4 @@ dist
 *.egg-info
 *~
 *.png
+*ipynb_checkpoints*
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..0957235
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,11 @@
+FROM andrewosh/binder-base
+
+MAINTAINER Boris Leistedt <boris.leistedt@gmail.com>
+
+USER root
+
+# Add dependency
+RUN apt-get update
+RUN apt-get install -qy texlive-full
+
+USER main
diff --git a/README.rst b/README.rst
index 672f9f2..1e4816b 100644
--- a/README.rst
+++ b/README.rst
@@ -6,5 +6,15 @@ in a journal or on the internet. With a short Python script and an intuitive
 model-building syntax you can design directed and undirected graphs and save
 them in any formats that matplotlib supports.
 
-Get more information at: `daft-pgm.org <http://daft-pgm.org>`_
+Get more information at `daft-pgm.org <http://daft-pgm.org>`_
+
+Try making some PGMs with the `example notebooks <http://mybinder.org:/repo/drphilmarshall/daft>`_
+
+.. image:: http://mybinder.org/badge.svg 
+  :target: http://mybinder.org:/repo/dfm/daft
+
+
+(You may need to `rebuild the binder <http://mybinder.org/status/dfm/daft>`_.)
+
 **************************************************************
+
diff --git a/daft.py b/daft.py
index fbdc0c8..7271b41 100644
--- a/daft.py
+++ b/daft.py
@@ -9,9 +9,24 @@
 from matplotlib.patches import Ellipse
 from matplotlib.patches import FancyArrow
 from matplotlib.patches import Rectangle as Rectangle
+from matplotlib.text import Annotation
 
 import numpy as np
 
+class Tree(object):
+    """
+    Simple generic tree implementation for storing
+    and connecting artists when rendering the PGM.
+    """
+    def __init__(self, data=None, branches=None):
+        self.root = data
+        if branches is None:
+            self.branches = []
+        else:
+            self.branches = branches
+
+    def add_branch(self, obj):
+        self.branches.append(obj)
 
 class PGM(object):
     """
@@ -111,7 +126,22 @@ def add_plate(self, plate):
         self._plates.append(plate)
         return None
 
-    def render(self):
+    def __str__(self):
+        """
+        Print the positions of :class:`Plate` and :class:`Node` objects in
+        the model. This is useful if you interactively edited the model
+        and want to know the new parameters for later reuse.
+        """
+        st = ""
+        for name in self._nodes:
+            st += self._nodes[name].__str__() + "\n"
+
+        for plate in self._plates:
+            st += plate.__str__() + "\n"
+
+        return st
+
+    def render(self, interactive=False):
         """
         Render the :class:`Plate`, :class:`Edge` and :class:`Node` objects in
         the model. This will create a new figure with the correct dimensions
@@ -120,18 +150,95 @@ def render(self):
         """
         self.figure = self._ctx.figure()
         self.ax = self._ctx.ax()
+        self.artistTreeList = {} 
+        # Artist tree will contain a dictionary of Nodes and Plates
+        # with pointers to their artists (lines, ellipses, text, arrows)
+
+        for name in self._nodes:
+            artistTree = self._nodes[name].render(self._ctx)
+            self.artistTreeList.update({self._nodes[name]: artistTree})
 
         for plate in self._plates:
-            plate.render(self._ctx)
+            artistTree = plate.render(self._ctx)
+            self.artistTreeList.update({plate: artistTree})
 
         for edge in self._edges:
             edge.render(self._ctx)
-
-        for name in self._nodes:
-            self._nodes[name].render(self._ctx)
+            # Add each arrow to the node1 and node2 trees.
+            self.artistTreeList[edge.node1].add_branch(edge)
+            self.artistTreeList[edge.node2].add_branch(edge)
+
+        if interactive:
+            # Collect artists
+            self.artists = [key.root for key in self.artistTreeList.values()]
+            tolerance = 5  # some tolerance for grabbing artists 
+            for artist in self.artists:
+                artist.set_picker(tolerance)
+            self.currently_dragging = False
+            self.current_artist = None
+            self.offset = (0, 0)
+            for canvas in set(artist.figure.canvas for artist in self.artists):
+                canvas.mpl_connect('button_press_event', self.on_press)
+                canvas.mpl_connect('button_release_event', self.on_release)
+                canvas.mpl_connect('pick_event', self.on_pick)
+                canvas.mpl_connect('motion_notify_event', self.on_motion)
+            plt.show()
 
         return self.ax
 
+    def on_press(self, event):
+        """Event: click"""
+        self.currently_dragging = True
+
+    def on_release(self, event):
+        """Event: releasing artists"""
+        self.currently_dragging = False
+        self.current_artist = None
+
+    def on_pick(self, event):
+        """
+        Picking artists
+        """
+        if self.current_artist is None:
+            self.current_artist = event.artist
+            x1, y1 = event.mouseevent.xdata, event.mouseevent.ydata
+            # Offset of artist position with respect to click
+            if isinstance(self.current_artist, Rectangle):
+                x0, y0 = self.current_artist.xy
+            elif isinstance(self.current_artist, Ellipse):
+                x0, y0 = self.current_artist.center
+            else:
+                x0, y0 = x1, y1
+            self.offset = (x0 - x1), (y0 - y1)
+
+    def on_motion(self, event):
+        """
+        Moving artist and changing the content of the relevant Node/Plate
+        """
+        if not self.currently_dragging:
+            return
+        if self.current_artist is None:
+            return
+        dx, dy = self.offset  # offset of artist center w.r. to click
+        xp, yp = event.xdata + dx, event.ydata + dy  # plot space
+        xm, ym = self._ctx.invconvert(xp, yp)  # model space
+        for k, v in self.artistTreeList.items():
+            if v.root == self.current_artist:
+                k.move(xm, ym, xp, yp)
+        for key, tree in self.artistTreeList.items():
+            # Traverse list to get the right Plate/Node and its artistTree 
+            if tree.root == self.current_artist:
+                # Move the dependent artists
+                for ar in tree.branches:
+                    if isinstance(ar, Edge):
+                        ar.ar.remove()  # removing artist 
+                        ar.render(self._ctx)  # drawing it again
+                    if isinstance(ar, (Rectangle, Annotation)):
+                        ar.xy = xp, yp
+                    if isinstance(ar, Ellipse):
+                        ar.center = xp, yp
+        self.current_artist.figure.canvas.draw()
+
 
 class Node(object):
     """
@@ -190,8 +297,9 @@ def __init__(self, name, content, x, y, scale=1, aspect=None,
         # Coordinates and dimensions.
         self.x, self.y = x, y
         self.scale = scale
+        self.scalefac = 6.0
         if self.fixed:
-            self.scale /= 6.0
+            self.scale /= self.scalefac
         self.aspect = aspect
 
         # Display parameters.
@@ -204,6 +312,26 @@ def __init__(self, name, content, x, y, scale=1, aspect=None,
         else:
             self.label_params = None
 
+    def __str__(self):
+        """
+        Print the input parameters of 
+        """
+        st = "Node("
+        st += "'" + str(self.name) + "'"
+        st += ", "  + "r'" + str(self.content) + "'"
+        st += ", "  + str(self.x)
+        if self.fixed:
+            st += ", scale="  + str(self.scalefac * self.scale)
+        else:
+            st += ", scale="  + str(self.scale)
+        st += ", "  + str(self.y)
+        for atnm in ['aspect', 'observed', 'fixed', 'offset', 'plot_params', 'label_params']:
+            at = getattr(self, atnm)
+            if at is not None:
+                st += ", " + atnm + "="  + str(at)
+        st += ")"
+        return st
+
     def render(self, ctx):
         """
         Render the node.
@@ -256,6 +384,7 @@ def render(self, ctx):
         else:
             aspect = ctx.aspect
 
+        self.artistTree = Tree()
         # Set up an observed node. Note the fc INSANITY.
         if self.observed:
             # Update the plotting parameters depending on the style of
@@ -276,6 +405,7 @@ def render(self, ctx):
             bg = Ellipse(xy=ctx.convert(self.x, self.y),
                          width=w, height=h, **p)
             ax.add_artist(bg)
+            self.artistTree.add_branch(bg)
 
             # Reset the face color.
             p["fc"] = fc
@@ -283,20 +413,25 @@ def render(self, ctx):
         # Draw the foreground ellipse.
         if ctx.observed_style == "inner" and not self.fixed:
             p["fc"] = "none"
-        el = Ellipse(xy=ctx.convert(self.x, self.y),
+        self.artistTree.root = Ellipse(xy=ctx.convert(self.x, self.y),
                      width=diameter * aspect, height=diameter, **p)
-        ax.add_artist(el)
+        ax.add_artist(self.artistTree.root)
 
         # Reset the face color.
         p["fc"] = fc
 
         # Annotate the node.
-        ax.annotate(self.content, ctx.convert(self.x, self.y),
+        an = ax.annotate(self.content, ctx.convert(self.x, self.y),
                     xycoords="data",
                     xytext=self.offset, textcoords="offset points",
                     **l)
+        self.artistTree.add_branch(an)
+
+        return self.artistTree
 
-        return el
+    def move(self, xm, ym, xp, yp):
+        self.x, self.y = xm, ym
+        self.artistTree.root.center = xp, yp
 
 
 class Edge(object):
@@ -382,7 +517,7 @@ def render(self, ctx):
         # Add edge annotation.
         if "label" in self.plot_params:
             x, y, dx, dy = self._get_coords(ctx)
-            ax.annotate(self.plot_params["label"],
+            an = ax.annotate(self.plot_params["label"],
                         [x + 0.5 * dx, y + 0.5 * dy], xycoords="data",
                         xytext=[0, 3], textcoords="offset points",
                         ha="center", va="center")
@@ -394,13 +529,12 @@ def render(self, ctx):
             p["head_width"] = p.get("head_width", 0.1)
 
             # Build an arrow.
-            ar = FancyArrow(*self._get_coords(ctx), width=0,
+            self.ar = FancyArrow(*self._get_coords(ctx), width=0,
                             length_includes_head=True,
                             **p)
 
             # Add the arrow to the axes.
-            ax.add_artist(ar)
-            return ar
+            ax.add_artist(self.ar)
         else:
             p["color"] = p.get("color", "k")
 
@@ -408,8 +542,8 @@ def render(self, ctx):
             x, y, dx, dy = self._get_coords(ctx)
 
             # Plot the line.
-            line = ax.plot([x, x + dx], [y, y + dy], **p)
-            return line
+            self.ar = ax.plot([x, x + dx], [y, y + dy], **p)
+        return self.ar
 
 
 class Plate(object):
@@ -445,8 +579,26 @@ def __init__(self, rect, label=None, label_offset=[5, 5], shift=0,
         self.shift = shift
         self.rect_params = dict(rect_params)
         self.bbox = dict(bbox)
+        self.bbox['alpha'] = 0
+        self.bbox['fc'] = 'w'
+        self.bbox['ec'] = None
         self.position = position
 
+    def __str__(self):
+        """
+        Print the input parameters of 
+        """
+        st = "Plate("
+        st += str(self.rect)
+        st += ", label=r'" + self.label + "'"
+        st += ", position='" + self.position + "'"
+        for atnm in ['label_offset', 'shift', 'rect_params', 'bbox']:
+            at = getattr(self, atnm)
+            if at is not None:
+                st += ", " + atnm + "="  + str(at)
+        st += ")"
+        return st
+
     def render(self, ctx):
         """
         Render the plate in the given axes.
@@ -485,13 +637,18 @@ def render(self, ctx):
                 raise RuntimeError("Unknown positioning string: {0}"
                                    .format(self.position))
 
-            ax.annotate(self.label, pos, xycoords="data",
+            an = ax.annotate(self.label, pos, xycoords="data",
                         xytext=offset, textcoords="offset points",
                         bbox=self.bbox,
                         horizontalalignment=ha)
 
-        return rect
+        self.artistTree = Tree(rect, [an])
 
+        return self.artistTree
+
+    def move(self, xm, ym, xp, yp):
+        self.x, self.y = xm, ym
+        self.artistTree.root.xy = xp, yp
 
 class _rendering_context(object):
     """
@@ -585,6 +742,14 @@ def convert(self, *xy):
         assert len(xy) == 2
         return self.grid_unit * (np.atleast_1d(xy) - self.origin)
 
+    def invconvert(self, *xy):
+        """
+        Convert from plot coordinates to model coordinates.
+
+        """
+        assert len(xy) == 2
+        return self.origin + np.atleast_1d(xy) / self.grid_unit
+
 
 def _pop_multiple(d, default, *args):
     """
diff --git a/examples/astronomy.py b/examples/astronomy.py
index d2763fa..b6b64f3 100644
--- a/examples/astronomy.py
+++ b/examples/astronomy.py
@@ -155,6 +155,6 @@
 pgm.add_edge("cosmic rays", "noise patch")
 
 # Render and save.
-pgm.render()
+pgm.render(interactive=True)
 pgm.figure.savefig("astronomy.pdf")
 pgm.figure.savefig("astronomy.png", dpi=150)
diff --git a/examples/badfont.py b/examples/badfont.py
index 2b8902b..de27585 100644
--- a/examples/badfont.py
+++ b/examples/badfont.py
@@ -26,6 +26,6 @@
 pgm.add_edge("confused", "ugly")
 pgm.add_edge("ugly", "bad")
 pgm.add_edge("confused", "bad")
-pgm.render()
+pgm.render(interactive=True)
 pgm.figure.savefig("badfont.pdf")
 pgm.figure.savefig("badfont.png", dpi=150)
diff --git a/examples/bca.py b/examples/bca.py
index 7b8c0b0..e4fc6e9 100644
--- a/examples/bca.py
+++ b/examples/bca.py
@@ -11,6 +11,6 @@
     pgm.add_plate(daft.Plate([0.5, 2.25, 1, 1.25], label=r"data $n$"))
     pgm.add_edge("a", "b")
     pgm.add_edge("b", "c")
-    pgm.render()
+    pgm.render(interactive=True)
     pgm.figure.savefig("bca.pdf")
     pgm.figure.savefig("bca.png", dpi=150)
diff --git a/examples/classic.ipynb b/examples/classic.ipynb
new file mode 100644
index 0000000..bae7bdd
--- /dev/null
+++ b/examples/classic.ipynb
@@ -0,0 +1,919 @@
+{
+ "cells": [
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "# Interactive PGM Plotting\n",
+    "\n",
+    "_Boris Leistedt, October 2016_\n",
+    "\n",
+    "In this notebook we will make a simple PGM with `daft`, and then explore the interactive capabilities of the `PGM` class. \n",
+    "\n",
+    "### Requirements\n",
+    "\n",
+    "You will need `matplotlib`."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 1,
+   "metadata": {
+    "collapsed": false
+   },
+   "outputs": [],
+   "source": [
+    "%matplotlib notebook  \n",
+    "import matplotlib.pyplot as plt\n",
+    "from matplotlib import rc\n",
+    "\n",
+    "import sys\n",
+    "sys.path.append('../.')\n",
+    "import daft\n",
+    "rc(\"font\", family=\"serif\", size=12)\n",
+    "rc(\"text\", usetex=True)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 2,
+   "metadata": {
+    "collapsed": false
+   },
+   "outputs": [
+    {
+     "data": {
+      "application/javascript": [
+       "/* Put everything inside the global mpl namespace */\n",
+       "window.mpl = {};\n",
+       "\n",
+       "mpl.get_websocket_type = function() {\n",
+       "    if (typeof(WebSocket) !== 'undefined') {\n",
+       "        return WebSocket;\n",
+       "    } else if (typeof(MozWebSocket) !== 'undefined') {\n",
+       "        return MozWebSocket;\n",
+       "    } else {\n",
+       "        alert('Your browser does not have WebSocket support.' +\n",
+       "              'Please try Chrome, Safari or Firefox ≥ 6. ' +\n",
+       "              'Firefox 4 and 5 are also supported but you ' +\n",
+       "              'have to enable WebSockets in about:config.');\n",
+       "    };\n",
+       "}\n",
+       "\n",
+       "mpl.figure = function(figure_id, websocket, ondownload, parent_element) {\n",
+       "    this.id = figure_id;\n",
+       "\n",
+       "    this.ws = websocket;\n",
+       "\n",
+       "    this.supports_binary = (this.ws.binaryType != undefined);\n",
+       "\n",
+       "    if (!this.supports_binary) {\n",
+       "        var warnings = document.getElementById(\"mpl-warnings\");\n",
+       "        if (warnings) {\n",
+       "            warnings.style.display = 'block';\n",
+       "            warnings.textContent = (\n",
+       "                \"This browser does not support binary websocket messages. \" +\n",
+       "                    \"Performance may be slow.\");\n",
+       "        }\n",
+       "    }\n",
+       "\n",
+       "    this.imageObj = new Image();\n",
+       "\n",
+       "    this.context = undefined;\n",
+       "    this.message = undefined;\n",
+       "    this.canvas = undefined;\n",
+       "    this.rubberband_canvas = undefined;\n",
+       "    this.rubberband_context = undefined;\n",
+       "    this.format_dropdown = undefined;\n",
+       "\n",
+       "    this.image_mode = 'full';\n",
+       "\n",
+       "    this.root = $('<div/>');\n",
+       "    this._root_extra_style(this.root)\n",
+       "    this.root.attr('style', 'display: inline-block');\n",
+       "\n",
+       "    $(parent_element).append(this.root);\n",
+       "\n",
+       "    this._init_header(this);\n",
+       "    this._init_canvas(this);\n",
+       "    this._init_toolbar(this);\n",
+       "\n",
+       "    var fig = this;\n",
+       "\n",
+       "    this.waiting = false;\n",
+       "\n",
+       "    this.ws.onopen =  function () {\n",
+       "            fig.send_message(\"supports_binary\", {value: fig.supports_binary});\n",
+       "            fig.send_message(\"send_image_mode\", {});\n",
+       "            fig.send_message(\"refresh\", {});\n",
+       "        }\n",
+       "\n",
+       "    this.imageObj.onload = function() {\n",
+       "            if (fig.image_mode == 'full') {\n",
+       "                // Full images could contain transparency (where diff images\n",
+       "                // almost always do), so we need to clear the canvas so that\n",
+       "                // there is no ghosting.\n",
+       "                fig.context.clearRect(0, 0, fig.canvas.width, fig.canvas.height);\n",
+       "            }\n",
+       "            fig.context.drawImage(fig.imageObj, 0, 0);\n",
+       "        };\n",
+       "\n",
+       "    this.imageObj.onunload = function() {\n",
+       "        this.ws.close();\n",
+       "    }\n",
+       "\n",
+       "    this.ws.onmessage = this._make_on_message_function(this);\n",
+       "\n",
+       "    this.ondownload = ondownload;\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype._init_header = function() {\n",
+       "    var titlebar = $(\n",
+       "        '<div class=\"ui-dialog-titlebar ui-widget-header ui-corner-all ' +\n",
+       "        'ui-helper-clearfix\"/>');\n",
+       "    var titletext = $(\n",
+       "        '<div class=\"ui-dialog-title\" style=\"width: 100%; ' +\n",
+       "        'text-align: center; padding: 3px;\"/>');\n",
+       "    titlebar.append(titletext)\n",
+       "    this.root.append(titlebar);\n",
+       "    this.header = titletext[0];\n",
+       "}\n",
+       "\n",
+       "\n",
+       "\n",
+       "mpl.figure.prototype._canvas_extra_style = function(canvas_div) {\n",
+       "\n",
+       "}\n",
+       "\n",
+       "\n",
+       "mpl.figure.prototype._root_extra_style = function(canvas_div) {\n",
+       "\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype._init_canvas = function() {\n",
+       "    var fig = this;\n",
+       "\n",
+       "    var canvas_div = $('<div/>');\n",
+       "\n",
+       "    canvas_div.attr('style', 'position: relative; clear: both; outline: 0');\n",
+       "\n",
+       "    function canvas_keyboard_event(event) {\n",
+       "        return fig.key_event(event, event['data']);\n",
+       "    }\n",
+       "\n",
+       "    canvas_div.keydown('key_press', canvas_keyboard_event);\n",
+       "    canvas_div.keyup('key_release', canvas_keyboard_event);\n",
+       "    this.canvas_div = canvas_div\n",
+       "    this._canvas_extra_style(canvas_div)\n",
+       "    this.root.append(canvas_div);\n",
+       "\n",
+       "    var canvas = $('<canvas/>');\n",
+       "    canvas.addClass('mpl-canvas');\n",
+       "    canvas.attr('style', \"left: 0; top: 0; z-index: 0; outline: 0\")\n",
+       "\n",
+       "    this.canvas = canvas[0];\n",
+       "    this.context = canvas[0].getContext(\"2d\");\n",
+       "\n",
+       "    var rubberband = $('<canvas/>');\n",
+       "    rubberband.attr('style', \"position: absolute; left: 0; top: 0; z-index: 1;\")\n",
+       "\n",
+       "    var pass_mouse_events = true;\n",
+       "\n",
+       "    canvas_div.resizable({\n",
+       "        start: function(event, ui) {\n",
+       "            pass_mouse_events = false;\n",
+       "        },\n",
+       "        resize: function(event, ui) {\n",
+       "            fig.request_resize(ui.size.width, ui.size.height);\n",
+       "        },\n",
+       "        stop: function(event, ui) {\n",
+       "            pass_mouse_events = true;\n",
+       "            fig.request_resize(ui.size.width, ui.size.height);\n",
+       "        },\n",
+       "    });\n",
+       "\n",
+       "    function mouse_event_fn(event) {\n",
+       "        if (pass_mouse_events)\n",
+       "            return fig.mouse_event(event, event['data']);\n",
+       "    }\n",
+       "\n",
+       "    rubberband.mousedown('button_press', mouse_event_fn);\n",
+       "    rubberband.mouseup('button_release', mouse_event_fn);\n",
+       "    // Throttle sequential mouse events to 1 every 20ms.\n",
+       "    rubberband.mousemove('motion_notify', mouse_event_fn);\n",
+       "\n",
+       "    rubberband.mouseenter('figure_enter', mouse_event_fn);\n",
+       "    rubberband.mouseleave('figure_leave', mouse_event_fn);\n",
+       "\n",
+       "    canvas_div.on(\"wheel\", function (event) {\n",
+       "        event = event.originalEvent;\n",
+       "        event['data'] = 'scroll'\n",
+       "        if (event.deltaY < 0) {\n",
+       "            event.step = 1;\n",
+       "        } else {\n",
+       "            event.step = -1;\n",
+       "        }\n",
+       "        mouse_event_fn(event);\n",
+       "    });\n",
+       "\n",
+       "    canvas_div.append(canvas);\n",
+       "    canvas_div.append(rubberband);\n",
+       "\n",
+       "    this.rubberband = rubberband;\n",
+       "    this.rubberband_canvas = rubberband[0];\n",
+       "    this.rubberband_context = rubberband[0].getContext(\"2d\");\n",
+       "    this.rubberband_context.strokeStyle = \"#000000\";\n",
+       "\n",
+       "    this._resize_canvas = function(width, height) {\n",
+       "        // Keep the size of the canvas, canvas container, and rubber band\n",
+       "        // canvas in synch.\n",
+       "        canvas_div.css('width', width)\n",
+       "        canvas_div.css('height', height)\n",
+       "\n",
+       "        canvas.attr('width', width);\n",
+       "        canvas.attr('height', height);\n",
+       "\n",
+       "        rubberband.attr('width', width);\n",
+       "        rubberband.attr('height', height);\n",
+       "    }\n",
+       "\n",
+       "    // Set the figure to an initial 600x600px, this will subsequently be updated\n",
+       "    // upon first draw.\n",
+       "    this._resize_canvas(600, 600);\n",
+       "\n",
+       "    // Disable right mouse context menu.\n",
+       "    $(this.rubberband_canvas).bind(\"contextmenu\",function(e){\n",
+       "        return false;\n",
+       "    });\n",
+       "\n",
+       "    function set_focus () {\n",
+       "        canvas.focus();\n",
+       "        canvas_div.focus();\n",
+       "    }\n",
+       "\n",
+       "    window.setTimeout(set_focus, 100);\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype._init_toolbar = function() {\n",
+       "    var fig = this;\n",
+       "\n",
+       "    var nav_element = $('<div/>')\n",
+       "    nav_element.attr('style', 'width: 100%');\n",
+       "    this.root.append(nav_element);\n",
+       "\n",
+       "    // Define a callback function for later on.\n",
+       "    function toolbar_event(event) {\n",
+       "        return fig.toolbar_button_onclick(event['data']);\n",
+       "    }\n",
+       "    function toolbar_mouse_event(event) {\n",
+       "        return fig.toolbar_button_onmouseover(event['data']);\n",
+       "    }\n",
+       "\n",
+       "    for(var toolbar_ind in mpl.toolbar_items) {\n",
+       "        var name = mpl.toolbar_items[toolbar_ind][0];\n",
+       "        var tooltip = mpl.toolbar_items[toolbar_ind][1];\n",
+       "        var image = mpl.toolbar_items[toolbar_ind][2];\n",
+       "        var method_name = mpl.toolbar_items[toolbar_ind][3];\n",
+       "\n",
+       "        if (!name) {\n",
+       "            // put a spacer in here.\n",
+       "            continue;\n",
+       "        }\n",
+       "        var button = $('<button/>');\n",
+       "        button.addClass('ui-button ui-widget ui-state-default ui-corner-all ' +\n",
+       "                        'ui-button-icon-only');\n",
+       "        button.attr('role', 'button');\n",
+       "        button.attr('aria-disabled', 'false');\n",
+       "        button.click(method_name, toolbar_event);\n",
+       "        button.mouseover(tooltip, toolbar_mouse_event);\n",
+       "\n",
+       "        var icon_img = $('<span/>');\n",
+       "        icon_img.addClass('ui-button-icon-primary ui-icon');\n",
+       "        icon_img.addClass(image);\n",
+       "        icon_img.addClass('ui-corner-all');\n",
+       "\n",
+       "        var tooltip_span = $('<span/>');\n",
+       "        tooltip_span.addClass('ui-button-text');\n",
+       "        tooltip_span.html(tooltip);\n",
+       "\n",
+       "        button.append(icon_img);\n",
+       "        button.append(tooltip_span);\n",
+       "\n",
+       "        nav_element.append(button);\n",
+       "    }\n",
+       "\n",
+       "    var fmt_picker_span = $('<span/>');\n",
+       "\n",
+       "    var fmt_picker = $('<select/>');\n",
+       "    fmt_picker.addClass('mpl-toolbar-option ui-widget ui-widget-content');\n",
+       "    fmt_picker_span.append(fmt_picker);\n",
+       "    nav_element.append(fmt_picker_span);\n",
+       "    this.format_dropdown = fmt_picker[0];\n",
+       "\n",
+       "    for (var ind in mpl.extensions) {\n",
+       "        var fmt = mpl.extensions[ind];\n",
+       "        var option = $(\n",
+       "            '<option/>', {selected: fmt === mpl.default_extension}).html(fmt);\n",
+       "        fmt_picker.append(option)\n",
+       "    }\n",
+       "\n",
+       "    // Add hover states to the ui-buttons\n",
+       "    $( \".ui-button\" ).hover(\n",
+       "        function() { $(this).addClass(\"ui-state-hover\");},\n",
+       "        function() { $(this).removeClass(\"ui-state-hover\");}\n",
+       "    );\n",
+       "\n",
+       "    var status_bar = $('<span class=\"mpl-message\"/>');\n",
+       "    nav_element.append(status_bar);\n",
+       "    this.message = status_bar[0];\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype.request_resize = function(x_pixels, y_pixels) {\n",
+       "    // Request matplotlib to resize the figure. Matplotlib will then trigger a resize in the client,\n",
+       "    // which will in turn request a refresh of the image.\n",
+       "    this.send_message('resize', {'width': x_pixels, 'height': y_pixels});\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype.send_message = function(type, properties) {\n",
+       "    properties['type'] = type;\n",
+       "    properties['figure_id'] = this.id;\n",
+       "    this.ws.send(JSON.stringify(properties));\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype.send_draw_message = function() {\n",
+       "    if (!this.waiting) {\n",
+       "        this.waiting = true;\n",
+       "        this.ws.send(JSON.stringify({type: \"draw\", figure_id: this.id}));\n",
+       "    }\n",
+       "}\n",
+       "\n",
+       "\n",
+       "mpl.figure.prototype.handle_save = function(fig, msg) {\n",
+       "    var format_dropdown = fig.format_dropdown;\n",
+       "    var format = format_dropdown.options[format_dropdown.selectedIndex].value;\n",
+       "    fig.ondownload(fig, format);\n",
+       "}\n",
+       "\n",
+       "\n",
+       "mpl.figure.prototype.handle_resize = function(fig, msg) {\n",
+       "    var size = msg['size'];\n",
+       "    if (size[0] != fig.canvas.width || size[1] != fig.canvas.height) {\n",
+       "        fig._resize_canvas(size[0], size[1]);\n",
+       "        fig.send_message(\"refresh\", {});\n",
+       "    };\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype.handle_rubberband = function(fig, msg) {\n",
+       "    var x0 = msg['x0'];\n",
+       "    var y0 = fig.canvas.height - msg['y0'];\n",
+       "    var x1 = msg['x1'];\n",
+       "    var y1 = fig.canvas.height - msg['y1'];\n",
+       "    x0 = Math.floor(x0) + 0.5;\n",
+       "    y0 = Math.floor(y0) + 0.5;\n",
+       "    x1 = Math.floor(x1) + 0.5;\n",
+       "    y1 = Math.floor(y1) + 0.5;\n",
+       "    var min_x = Math.min(x0, x1);\n",
+       "    var min_y = Math.min(y0, y1);\n",
+       "    var width = Math.abs(x1 - x0);\n",
+       "    var height = Math.abs(y1 - y0);\n",
+       "\n",
+       "    fig.rubberband_context.clearRect(\n",
+       "        0, 0, fig.canvas.width, fig.canvas.height);\n",
+       "\n",
+       "    fig.rubberband_context.strokeRect(min_x, min_y, width, height);\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype.handle_figure_label = function(fig, msg) {\n",
+       "    // Updates the figure title.\n",
+       "    fig.header.textContent = msg['label'];\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype.handle_cursor = function(fig, msg) {\n",
+       "    var cursor = msg['cursor'];\n",
+       "    switch(cursor)\n",
+       "    {\n",
+       "    case 0:\n",
+       "        cursor = 'pointer';\n",
+       "        break;\n",
+       "    case 1:\n",
+       "        cursor = 'default';\n",
+       "        break;\n",
+       "    case 2:\n",
+       "        cursor = 'crosshair';\n",
+       "        break;\n",
+       "    case 3:\n",
+       "        cursor = 'move';\n",
+       "        break;\n",
+       "    }\n",
+       "    fig.rubberband_canvas.style.cursor = cursor;\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype.handle_message = function(fig, msg) {\n",
+       "    fig.message.textContent = msg['message'];\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype.handle_draw = function(fig, msg) {\n",
+       "    // Request the server to send over a new figure.\n",
+       "    fig.send_draw_message();\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype.handle_image_mode = function(fig, msg) {\n",
+       "    fig.image_mode = msg['mode'];\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype.updated_canvas_event = function() {\n",
+       "    // Called whenever the canvas gets updated.\n",
+       "    this.send_message(\"ack\", {});\n",
+       "}\n",
+       "\n",
+       "// A function to construct a web socket function for onmessage handling.\n",
+       "// Called in the figure constructor.\n",
+       "mpl.figure.prototype._make_on_message_function = function(fig) {\n",
+       "    return function socket_on_message(evt) {\n",
+       "        if (evt.data instanceof Blob) {\n",
+       "            /* FIXME: We get \"Resource interpreted as Image but\n",
+       "             * transferred with MIME type text/plain:\" errors on\n",
+       "             * Chrome.  But how to set the MIME type?  It doesn't seem\n",
+       "             * to be part of the websocket stream */\n",
+       "            evt.data.type = \"image/png\";\n",
+       "\n",
+       "            /* Free the memory for the previous frames */\n",
+       "            if (fig.imageObj.src) {\n",
+       "                (window.URL || window.webkitURL).revokeObjectURL(\n",
+       "                    fig.imageObj.src);\n",
+       "            }\n",
+       "\n",
+       "            fig.imageObj.src = (window.URL || window.webkitURL).createObjectURL(\n",
+       "                evt.data);\n",
+       "            fig.updated_canvas_event();\n",
+       "            fig.waiting = false;\n",
+       "            return;\n",
+       "        }\n",
+       "        else if (typeof evt.data === 'string' && evt.data.slice(0, 21) == \"data:image/png;base64\") {\n",
+       "            fig.imageObj.src = evt.data;\n",
+       "            fig.updated_canvas_event();\n",
+       "            fig.waiting = false;\n",
+       "            return;\n",
+       "        }\n",
+       "\n",
+       "        var msg = JSON.parse(evt.data);\n",
+       "        var msg_type = msg['type'];\n",
+       "\n",
+       "        // Call the  \"handle_{type}\" callback, which takes\n",
+       "        // the figure and JSON message as its only arguments.\n",
+       "        try {\n",
+       "            var callback = fig[\"handle_\" + msg_type];\n",
+       "        } catch (e) {\n",
+       "            console.log(\"No handler for the '\" + msg_type + \"' message type: \", msg);\n",
+       "            return;\n",
+       "        }\n",
+       "\n",
+       "        if (callback) {\n",
+       "            try {\n",
+       "                // console.log(\"Handling '\" + msg_type + \"' message: \", msg);\n",
+       "                callback(fig, msg);\n",
+       "            } catch (e) {\n",
+       "                console.log(\"Exception inside the 'handler_\" + msg_type + \"' callback:\", e, e.stack, msg);\n",
+       "            }\n",
+       "        }\n",
+       "    };\n",
+       "}\n",
+       "\n",
+       "// from http://stackoverflow.com/questions/1114465/getting-mouse-location-in-canvas\n",
+       "mpl.findpos = function(e) {\n",
+       "    //this section is from http://www.quirksmode.org/js/events_properties.html\n",
+       "    var targ;\n",
+       "    if (!e)\n",
+       "        e = window.event;\n",
+       "    if (e.target)\n",
+       "        targ = e.target;\n",
+       "    else if (e.srcElement)\n",
+       "        targ = e.srcElement;\n",
+       "    if (targ.nodeType == 3) // defeat Safari bug\n",
+       "        targ = targ.parentNode;\n",
+       "\n",
+       "    // jQuery normalizes the pageX and pageY\n",
+       "    // pageX,Y are the mouse positions relative to the document\n",
+       "    // offset() returns the position of the element relative to the document\n",
+       "    var x = e.pageX - $(targ).offset().left;\n",
+       "    var y = e.pageY - $(targ).offset().top;\n",
+       "\n",
+       "    return {\"x\": x, \"y\": y};\n",
+       "};\n",
+       "\n",
+       "/*\n",
+       " * return a copy of an object with only non-object keys\n",
+       " * we need this to avoid circular references\n",
+       " * http://stackoverflow.com/a/24161582/3208463\n",
+       " */\n",
+       "function simpleKeys (original) {\n",
+       "  return Object.keys(original).reduce(function (obj, key) {\n",
+       "    if (typeof original[key] !== 'object')\n",
+       "        obj[key] = original[key]\n",
+       "    return obj;\n",
+       "  }, {});\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype.mouse_event = function(event, name) {\n",
+       "    var canvas_pos = mpl.findpos(event)\n",
+       "\n",
+       "    if (name === 'button_press')\n",
+       "    {\n",
+       "        this.canvas.focus();\n",
+       "        this.canvas_div.focus();\n",
+       "    }\n",
+       "\n",
+       "    var x = canvas_pos.x;\n",
+       "    var y = canvas_pos.y;\n",
+       "\n",
+       "    this.send_message(name, {x: x, y: y, button: event.button,\n",
+       "                             step: event.step,\n",
+       "                             guiEvent: simpleKeys(event)});\n",
+       "\n",
+       "    /* This prevents the web browser from automatically changing to\n",
+       "     * the text insertion cursor when the button is pressed.  We want\n",
+       "     * to control all of the cursor setting manually through the\n",
+       "     * 'cursor' event from matplotlib */\n",
+       "    event.preventDefault();\n",
+       "    return false;\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype._key_event_extra = function(event, name) {\n",
+       "    // Handle any extra behaviour associated with a key event\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype.key_event = function(event, name) {\n",
+       "\n",
+       "    // Prevent repeat events\n",
+       "    if (name == 'key_press')\n",
+       "    {\n",
+       "        if (event.which === this._key)\n",
+       "            return;\n",
+       "        else\n",
+       "            this._key = event.which;\n",
+       "    }\n",
+       "    if (name == 'key_release')\n",
+       "        this._key = null;\n",
+       "\n",
+       "    var value = '';\n",
+       "    if (event.ctrlKey && event.which != 17)\n",
+       "        value += \"ctrl+\";\n",
+       "    if (event.altKey && event.which != 18)\n",
+       "        value += \"alt+\";\n",
+       "    if (event.shiftKey && event.which != 16)\n",
+       "        value += \"shift+\";\n",
+       "\n",
+       "    value += 'k';\n",
+       "    value += event.which.toString();\n",
+       "\n",
+       "    this._key_event_extra(event, name);\n",
+       "\n",
+       "    this.send_message(name, {key: value,\n",
+       "                             guiEvent: simpleKeys(event)});\n",
+       "    return false;\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype.toolbar_button_onclick = function(name) {\n",
+       "    if (name == 'download') {\n",
+       "        this.handle_save(this, null);\n",
+       "    } else {\n",
+       "        this.send_message(\"toolbar_button\", {name: name});\n",
+       "    }\n",
+       "};\n",
+       "\n",
+       "mpl.figure.prototype.toolbar_button_onmouseover = function(tooltip) {\n",
+       "    this.message.textContent = tooltip;\n",
+       "};\n",
+       "mpl.toolbar_items = [[\"Home\", \"Reset original view\", \"fa fa-home icon-home\", \"home\"], [\"Back\", \"Back to  previous view\", \"fa fa-arrow-left icon-arrow-left\", \"back\"], [\"Forward\", \"Forward to next view\", \"fa fa-arrow-right icon-arrow-right\", \"forward\"], [\"\", \"\", \"\", \"\"], [\"Pan\", \"Pan axes with left mouse, zoom with right\", \"fa fa-arrows icon-move\", \"pan\"], [\"Zoom\", \"Zoom to rectangle\", \"fa fa-square-o icon-check-empty\", \"zoom\"], [\"\", \"\", \"\", \"\"], [\"Download\", \"Download plot\", \"fa fa-floppy-o icon-save\", \"download\"]];\n",
+       "\n",
+       "mpl.extensions = [\"eps\", \"pdf\", \"png\", \"ps\", \"raw\", \"svg\"];\n",
+       "\n",
+       "mpl.default_extension = \"png\";var comm_websocket_adapter = function(comm) {\n",
+       "    // Create a \"websocket\"-like object which calls the given IPython comm\n",
+       "    // object with the appropriate methods. Currently this is a non binary\n",
+       "    // socket, so there is still some room for performance tuning.\n",
+       "    var ws = {};\n",
+       "\n",
+       "    ws.close = function() {\n",
+       "        comm.close()\n",
+       "    };\n",
+       "    ws.send = function(m) {\n",
+       "        //console.log('sending', m);\n",
+       "        comm.send(m);\n",
+       "    };\n",
+       "    // Register the callback with on_msg.\n",
+       "    comm.on_msg(function(msg) {\n",
+       "        //console.log('receiving', msg['content']['data'], msg);\n",
+       "        // Pass the mpl event to the overriden (by mpl) onmessage function.\n",
+       "        ws.onmessage(msg['content']['data'])\n",
+       "    });\n",
+       "    return ws;\n",
+       "}\n",
+       "\n",
+       "mpl.mpl_figure_comm = function(comm, msg) {\n",
+       "    // This is the function which gets called when the mpl process\n",
+       "    // starts-up an IPython Comm through the \"matplotlib\" channel.\n",
+       "\n",
+       "    var id = msg.content.data.id;\n",
+       "    // Get hold of the div created by the display call when the Comm\n",
+       "    // socket was opened in Python.\n",
+       "    var element = $(\"#\" + id);\n",
+       "    var ws_proxy = comm_websocket_adapter(comm)\n",
+       "\n",
+       "    function ondownload(figure, format) {\n",
+       "        window.open(figure.imageObj.src);\n",
+       "    }\n",
+       "\n",
+       "    var fig = new mpl.figure(id, ws_proxy,\n",
+       "                           ondownload,\n",
+       "                           element.get(0));\n",
+       "\n",
+       "    // Call onopen now - mpl needs it, as it is assuming we've passed it a real\n",
+       "    // web socket which is closed, not our websocket->open comm proxy.\n",
+       "    ws_proxy.onopen();\n",
+       "\n",
+       "    fig.parent_element = element.get(0);\n",
+       "    fig.cell_info = mpl.find_output_cell(\"<div id='\" + id + \"'></div>\");\n",
+       "    if (!fig.cell_info) {\n",
+       "        console.error(\"Failed to find cell for figure\", id, fig);\n",
+       "        return;\n",
+       "    }\n",
+       "\n",
+       "    var output_index = fig.cell_info[2]\n",
+       "    var cell = fig.cell_info[0];\n",
+       "\n",
+       "};\n",
+       "\n",
+       "mpl.figure.prototype.handle_close = function(fig, msg) {\n",
+       "    fig.root.unbind('remove')\n",
+       "\n",
+       "    // Update the output cell to use the data from the current canvas.\n",
+       "    fig.push_to_output();\n",
+       "    var dataURL = fig.canvas.toDataURL();\n",
+       "    // Re-enable the keyboard manager in IPython - without this line, in FF,\n",
+       "    // the notebook keyboard shortcuts fail.\n",
+       "    IPython.keyboard_manager.enable()\n",
+       "    $(fig.parent_element).html('<img src=\"' + dataURL + '\">');\n",
+       "    fig.close_ws(fig, msg);\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype.close_ws = function(fig, msg){\n",
+       "    fig.send_message('closing', msg);\n",
+       "    // fig.ws.close()\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype.push_to_output = function(remove_interactive) {\n",
+       "    // Turn the data on the canvas into data in the output cell.\n",
+       "    var dataURL = this.canvas.toDataURL();\n",
+       "    this.cell_info[1]['text/html'] = '<img src=\"' + dataURL + '\">';\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype.updated_canvas_event = function() {\n",
+       "    // Tell IPython that the notebook contents must change.\n",
+       "    IPython.notebook.set_dirty(true);\n",
+       "    this.send_message(\"ack\", {});\n",
+       "    var fig = this;\n",
+       "    // Wait a second, then push the new image to the DOM so\n",
+       "    // that it is saved nicely (might be nice to debounce this).\n",
+       "    setTimeout(function () { fig.push_to_output() }, 1000);\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype._init_toolbar = function() {\n",
+       "    var fig = this;\n",
+       "\n",
+       "    var nav_element = $('<div/>')\n",
+       "    nav_element.attr('style', 'width: 100%');\n",
+       "    this.root.append(nav_element);\n",
+       "\n",
+       "    // Define a callback function for later on.\n",
+       "    function toolbar_event(event) {\n",
+       "        return fig.toolbar_button_onclick(event['data']);\n",
+       "    }\n",
+       "    function toolbar_mouse_event(event) {\n",
+       "        return fig.toolbar_button_onmouseover(event['data']);\n",
+       "    }\n",
+       "\n",
+       "    for(var toolbar_ind in mpl.toolbar_items){\n",
+       "        var name = mpl.toolbar_items[toolbar_ind][0];\n",
+       "        var tooltip = mpl.toolbar_items[toolbar_ind][1];\n",
+       "        var image = mpl.toolbar_items[toolbar_ind][2];\n",
+       "        var method_name = mpl.toolbar_items[toolbar_ind][3];\n",
+       "\n",
+       "        if (!name) { continue; };\n",
+       "\n",
+       "        var button = $('<button class=\"btn btn-default\" href=\"#\" title=\"' + name + '\"><i class=\"fa ' + image + ' fa-lg\"></i></button>');\n",
+       "        button.click(method_name, toolbar_event);\n",
+       "        button.mouseover(tooltip, toolbar_mouse_event);\n",
+       "        nav_element.append(button);\n",
+       "    }\n",
+       "\n",
+       "    // Add the status bar.\n",
+       "    var status_bar = $('<span class=\"mpl-message\" style=\"text-align:right; float: right;\"/>');\n",
+       "    nav_element.append(status_bar);\n",
+       "    this.message = status_bar[0];\n",
+       "\n",
+       "    // Add the close button to the window.\n",
+       "    var buttongrp = $('<div class=\"btn-group inline pull-right\"></div>');\n",
+       "    var button = $('<button class=\"btn btn-mini btn-primary\" href=\"#\" title=\"Stop Interaction\"><i class=\"fa fa-power-off icon-remove icon-large\"></i></button>');\n",
+       "    button.click(function (evt) { fig.handle_close(fig, {}); } );\n",
+       "    button.mouseover('Stop Interaction', toolbar_mouse_event);\n",
+       "    buttongrp.append(button);\n",
+       "    var titlebar = this.root.find($('.ui-dialog-titlebar'));\n",
+       "    titlebar.prepend(buttongrp);\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype._root_extra_style = function(el){\n",
+       "    var fig = this\n",
+       "    el.on(\"remove\", function(){\n",
+       "\tfig.close_ws(fig, {});\n",
+       "    });\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype._canvas_extra_style = function(el){\n",
+       "    // this is important to make the div 'focusable\n",
+       "    el.attr('tabindex', 0)\n",
+       "    // reach out to IPython and tell the keyboard manager to turn it's self\n",
+       "    // off when our div gets focus\n",
+       "\n",
+       "    // location in version 3\n",
+       "    if (IPython.notebook.keyboard_manager) {\n",
+       "        IPython.notebook.keyboard_manager.register_events(el);\n",
+       "    }\n",
+       "    else {\n",
+       "        // location in version 2\n",
+       "        IPython.keyboard_manager.register_events(el);\n",
+       "    }\n",
+       "\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype._key_event_extra = function(event, name) {\n",
+       "    var manager = IPython.notebook.keyboard_manager;\n",
+       "    if (!manager)\n",
+       "        manager = IPython.keyboard_manager;\n",
+       "\n",
+       "    // Check for shift+enter\n",
+       "    if (event.shiftKey && event.which == 13) {\n",
+       "        this.canvas_div.blur();\n",
+       "        event.shiftKey = false;\n",
+       "        // Send a \"J\" for go to next cell\n",
+       "        event.which = 74;\n",
+       "        event.keyCode = 74;\n",
+       "        manager.command_mode();\n",
+       "        manager.handle_keydown(event);\n",
+       "    }\n",
+       "}\n",
+       "\n",
+       "mpl.figure.prototype.handle_save = function(fig, msg) {\n",
+       "    fig.ondownload(fig, null);\n",
+       "}\n",
+       "\n",
+       "\n",
+       "mpl.find_output_cell = function(html_output) {\n",
+       "    // Return the cell and output element which can be found *uniquely* in the notebook.\n",
+       "    // Note - this is a bit hacky, but it is done because the \"notebook_saving.Notebook\"\n",
+       "    // IPython event is triggered only after the cells have been serialised, which for\n",
+       "    // our purposes (turning an active figure into a static one), is too late.\n",
+       "    var cells = IPython.notebook.get_cells();\n",
+       "    var ncells = cells.length;\n",
+       "    for (var i=0; i<ncells; i++) {\n",
+       "        var cell = cells[i];\n",
+       "        if (cell.cell_type === 'code'){\n",
+       "            for (var j=0; j<cell.output_area.outputs.length; j++) {\n",
+       "                var data = cell.output_area.outputs[j];\n",
+       "                if (data.data) {\n",
+       "                    // IPython >= 3 moved mimebundle to data attribute of output\n",
+       "                    data = data.data;\n",
+       "                }\n",
+       "                if (data['text/html'] == html_output) {\n",
+       "                    return [cell, data, j];\n",
+       "                }\n",
+       "            }\n",
+       "        }\n",
+       "    }\n",
+       "}\n",
+       "\n",
+       "// Register the function which deals with the matplotlib target/channel.\n",
+       "// The kernel may be null if the page has been refreshed.\n",
+       "if (IPython.notebook.kernel != null) {\n",
+       "    IPython.notebook.kernel.comm_manager.register_target('matplotlib', mpl.mpl_figure_comm);\n",
+       "}\n"
+      ],
+      "text/plain": [
+       "<IPython.core.display.Javascript object>"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    },
+    {
+     "data": {
+      "text/html": [
+       "<img src=\"data:image/png;base64,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\">"
+      ],
+      "text/plain": [
+       "<IPython.core.display.HTML object>"
+      ]
+     },
+     "metadata": {},
+     "output_type": "display_data"
+    },
+    {
+     "data": {
+      "text/plain": [
+       "<matplotlib.axes._axes.Axes at 0x105683f50>"
+      ]
+     },
+     "execution_count": 2,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "# Instantiate the PGM.\n",
+    "pgm = daft.PGM([2.3, 2.05], origin=[0.3, 0.3])\n",
+    "\n",
+    "# Hierarchical parameters.\n",
+    "pgm.add_node(daft.Node(\"alpha\", r\"$\\alpha$\", 0.5, 2, fixed=True))\n",
+    "pgm.add_node(daft.Node(\"beta\", r\"$\\beta$\", 1.5, 2))\n",
+    "\n",
+    "# Latent variable.\n",
+    "pgm.add_node(daft.Node(\"w\", r\"$w_n$\", 1, 1))\n",
+    "\n",
+    "# Data.\n",
+    "pgm.add_node(daft.Node(\"x\", r\"$x_n$\", 2, 1, observed=True))\n",
+    "\n",
+    "# Add in the edges.\n",
+    "pgm.add_edge(\"alpha\", \"beta\")\n",
+    "pgm.add_edge(\"beta\", \"w\")\n",
+    "pgm.add_edge(\"w\", \"x\")\n",
+    "pgm.add_edge(\"beta\", \"x\")\n",
+    "\n",
+    "# And a plate.\n",
+    "pgm.add_plate(daft.Plate([0.5, 0.5, 2, 1], label=r\"$n = 1, \\cdots, N$\",\n",
+    "    shift=-0.1))\n",
+    "\n",
+    "# Render and save.\n",
+    "pgm.render(interactive=True)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 4,
+   "metadata": {
+    "collapsed": false,
+    "scrolled": true
+   },
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "Node('alpha', r'$\\alpha$', 0.5, scale=1.0, 2, observed=False, fixed=True, offset=[0, 6], plot_params={})\n",
+      "Node('beta', r'$\\beta$', 1.5, scale=1, 2, observed=False, fixed=False, offset=[0, 0], plot_params={})\n",
+      "Node('w', r'$w_n$', 1, scale=1, 1, observed=False, fixed=False, offset=[0, 0], plot_params={})\n",
+      "Node('x', r'$x_n$', 2, scale=1, 1, observed=True, fixed=False, offset=[0, 0], plot_params={})\n",
+      "Plate([0.5, 0.5, 2, 1], label=r'$n = 1, \\cdots, N$', position='bottom left', label_offset=[5, 5], shift=-0.1, rect_params={'lw': 1, 'fc': 'none', 'ec': 'k'}, bbox={})\n",
+      "\n"
+     ]
+    }
+   ],
+   "source": [
+    "print(pgm)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 5,
+   "metadata": {
+    "collapsed": true
+   },
+   "outputs": [],
+   "source": [
+    "pgm.figure.savefig(\"classic.pdf\")\n",
+    "pgm.figure.savefig(\"classic.png\", dpi=250)"
+   ]
+  }
+ ],
+ "metadata": {
+  "anaconda-cloud": {},
+  "kernelspec": {
+   "display_name": "Python 2",
+   "language": "python",
+   "name": "python2"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 2
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython2",
+   "version": "2.7.12"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 1
+}
diff --git a/examples/classic.py b/examples/classic.py
index 25b9013..4b0f5a4 100644
--- a/examples/classic.py
+++ b/examples/classic.py
@@ -38,6 +38,6 @@
     shift=-0.1))
 
 # Render and save.
-pgm.render()
+pgm.render(interactive=True)
 pgm.figure.savefig("classic.pdf")
 pgm.figure.savefig("classic.png", dpi=150)
diff --git a/examples/examples.ipynb b/examples/examples.ipynb
new file mode 100644
index 0000000..56c918b
--- /dev/null
+++ b/examples/examples.ipynb
@@ -0,0 +1,109 @@
+{
+ "cells": [
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "# Example PGMs\n",
+    "\n",
+    "In this notebook, you can load in any of the `daft` examples, draw the PGM, and then modify it.\n",
+    "\n",
+    "### Requirements\n",
+    "\n",
+    "You will need `matplotlib`."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 3,
+   "metadata": {
+    "collapsed": true
+   },
+   "outputs": [],
+   "source": [
+    "%matplotlib notebook  \n",
+    "import matplotlib.pyplot as plt\n",
+    "from matplotlib import rc\n",
+    "\n",
+    "import sys\n",
+    "sys.path.append('../.')\n",
+    "import daft\n",
+    "rc(\"font\", family=\"serif\", size=12)\n",
+    "rc(\"text\", usetex=True)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Available Modules\n",
+    "\n",
+    "Let's see what we've got:"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 6,
+   "metadata": {
+    "collapsed": false
+   },
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "astronomy.py     fixed.py         mrf.py           weaklensing.py\r\n",
+      "badfont.py       gaia.py          nocircles.py     wordy.py\r\n",
+      "bca.py           galex.py         nogray.py        yike.py\r\n",
+      "classic.py       huey_p_newton.py recursive.py\r\n",
+      "exoplanets.py    logo.py          thicklines.py\r\n"
+     ]
+    }
+   ],
+   "source": [
+    "!ls *.py"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Load, Draw and Save\n",
+    "\n",
+    "Let's do the \"exoplanets\" example - but you can choose any of the above modules."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 5,
+   "metadata": {
+    "collapsed": false
+   },
+   "outputs": [],
+   "source": [
+    "%load 'exoplanets.py'"
+   ]
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "Python 2",
+   "language": "python",
+   "name": "python2"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 2
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython2",
+   "version": "2.7.12"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 0
+}
diff --git a/examples/exoplanets.py b/examples/exoplanets.py
index 0125acf..c5d0b3b 100644
--- a/examples/exoplanets.py
+++ b/examples/exoplanets.py
@@ -49,6 +49,6 @@
     shift=-0.1))
 
 # Render and save.
-pgm.render()
+pgm.render(interactive=True)
 pgm.figure.savefig("exoplanets.pdf")
 pgm.figure.savefig("exoplanets.png", dpi=150)
diff --git a/examples/fixed.py b/examples/fixed.py
index 0ce9963..8676ca1 100644
--- a/examples/fixed.py
+++ b/examples/fixed.py
@@ -2,4 +2,4 @@
 
 pgm = daft.PGM([2, 1], observed_style="outer", aspect=3.2)
 pgm.add_node(daft.Node("fixed", r"Fixed!", 1, 0.5, observed=True))
-pgm.render().figure.savefig("fixed.png", dpi=150)
+pgm.render(interactive=True).figure.savefig("fixed.png", dpi=150)
diff --git a/examples/gaia.py b/examples/gaia.py
index 1e858d6..06de1fb 100644
--- a/examples/gaia.py
+++ b/examples/gaia.py
@@ -17,6 +17,6 @@
     pgm.add_edge("alpha", "true")
     pgm.add_edge("Sigma", "sigma")
     pgm.add_edge("sigma", "obs")
-    pgm.render()
+    pgm.render(interactive=True)
     pgm.figure.savefig("gaia.pdf")
     pgm.figure.savefig("gaia.png", dpi=150)
diff --git a/examples/galex.py b/examples/galex.py
index 1845680..c37b933 100644
--- a/examples/galex.py
+++ b/examples/galex.py
@@ -63,6 +63,6 @@
 pgm.add_edge("star pos", "star adt")
 
 # done
-pgm.render()
+pgm.render(interactive=True)
 pgm.figure.savefig("galex.pdf")
 pgm.figure.savefig("galex.png", dpi=150)
diff --git a/examples/huey_p_newton.py b/examples/huey_p_newton.py
index 09d67f9..a478372 100644
--- a/examples/huey_p_newton.py
+++ b/examples/huey_p_newton.py
@@ -41,6 +41,6 @@
 pgm.add_edge("sigman", "Yn")
 
 # Render and save.
-pgm.render()
+pgm.render(interactive=True)
 pgm.figure.savefig("huey_p_newton.pdf")
 pgm.figure.savefig("huey_p_newton.png", dpi=150)
diff --git a/examples/logo.py b/examples/logo.py
index 0ebadbc..176f171 100644
--- a/examples/logo.py
+++ b/examples/logo.py
@@ -28,6 +28,6 @@
     pgm.add_edge("a", "f")
     pgm.add_edge("f", "t")
 
-    pgm.render()
+    pgm.render(interactive=True)
     pgm.figure.savefig("logo.pdf")
     pgm.figure.savefig("logo.png", dpi=200, transparent=True)
diff --git a/examples/mrf.py b/examples/mrf.py
index 9dcff40..dc5a643 100644
--- a/examples/mrf.py
+++ b/examples/mrf.py
@@ -27,6 +27,6 @@
     pgm.add_edge(str(e[0]), str(e[1]))
 
 # Render and save.
-pgm.render()
+pgm.render(interactive=True)
 pgm.figure.savefig("mrf.pdf")
 pgm.figure.savefig("mrf.png", dpi=150)
diff --git a/examples/nocircles.py b/examples/nocircles.py
index ac18545..c3e8329 100644
--- a/examples/nocircles.py
+++ b/examples/nocircles.py
@@ -22,6 +22,6 @@
 pgm.add_edge("cloudy", "sprinkler")
 pgm.add_edge("rain", "wet")
 pgm.add_edge("sprinkler", "wet")
-pgm.render()
+pgm.render(interactive=True)
 pgm.figure.savefig("nocircles.pdf")
 pgm.figure.savefig("nocircles.png", dpi=150)
diff --git a/examples/nogray.py b/examples/nogray.py
index 2cbf927..b9b656f 100644
--- a/examples/nogray.py
+++ b/examples/nogray.py
@@ -40,6 +40,6 @@
     shift=-0.1))
 
 # Render and save.
-pgm.render()
+pgm.render(interactive=True)
 pgm.figure.savefig("nogray.pdf")
 pgm.figure.savefig("nogray.png", dpi=150)
diff --git a/examples/recursive.py b/examples/recursive.py
index bc03d49..77e796f 100644
--- a/examples/recursive.py
+++ b/examples/recursive.py
@@ -47,6 +47,6 @@ def recurse(pgm, nodename, level, c):
                        aspect=4.5, plot_params={"ec": "none"}))
 pgm.add_edge("output", "answer")
 
-pgm.render()
+pgm.render(interactive=True)
 pgm.figure.savefig("recursive.pdf")
 pgm.figure.savefig("recursive.png", dpi=200)
diff --git a/examples/thicklines.py b/examples/thicklines.py
index 15ae71f..f7f850f 100644
--- a/examples/thicklines.py
+++ b/examples/thicklines.py
@@ -40,6 +40,6 @@
     shift=-0.1))
 
 # Render and save.
-pgm.render()
+pgm.render(interactive=True)
 pgm.figure.savefig("thicklines.pdf")
 pgm.figure.savefig("thicklines.png", dpi=150)
diff --git a/examples/weaklensing.py b/examples/weaklensing.py
index 2b9ed27..7c78e94 100644
--- a/examples/weaklensing.py
+++ b/examples/weaklensing.py
@@ -36,6 +36,6 @@
 pgm.add_edge("x", "obs")
 pgm.add_edge("Sigma", "sigma")
 pgm.add_edge("sigma", "obs")
-pgm.render()
+pgm.render(interactive=True)
 pgm.figure.savefig("weaklensing.pdf")
 pgm.figure.savefig("weaklensing.png", dpi=150)
diff --git a/examples/wordy.py b/examples/wordy.py
index 0f7dfe7..74dc3a9 100644
--- a/examples/wordy.py
+++ b/examples/wordy.py
@@ -23,6 +23,6 @@
 pgm.add_edge("cloudy", "sprinkler")
 pgm.add_edge("rain", "wet")
 pgm.add_edge("sprinkler", "wet")
-pgm.render()
+pgm.render(interactive=True)
 pgm.figure.savefig("wordy.pdf")
 pgm.figure.savefig("wordy.png", dpi=150)
diff --git a/examples/yike.py b/examples/yike.py
index 6623779..41c6191 100644
--- a/examples/yike.py
+++ b/examples/yike.py
@@ -30,6 +30,6 @@
         label=r"galaxies $n$"))
 pgm.add_plate(daft.Plate([0.25, 1.75, 2.5, 2.75],
         label=r"patches $m$"))
-pgm.render()
+pgm.render(interactive=True)
 pgm.figure.savefig("yike.pdf")
 pgm.figure.savefig("yike.png", dpi=150)
diff --git a/index.ipynb b/index.ipynb
new file mode 100644
index 0000000..04c65f3
--- /dev/null
+++ b/index.ipynb
@@ -0,0 +1,39 @@
+{
+ "cells": [
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "# Daft Gallery\n",
+    "\n",
+    "Try making some of these PGMs:\n",
+    "\n",
+    "* [The classic PGM, with interactive matplotlib controls](examples/classic.ipynb)\n",
+    "\n",
+    "\n",
+    "* [All the other examples - just %load and run](examples/examples.ipynb)"
+   ]
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "Python 2",
+   "language": "python",
+   "name": "python2"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 2
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython2",
+   "version": "2.7.12"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 0
+}