plot_real_cascade_evaluation.ipynb

{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [],
   "source": [
    "%matplotlib notebook"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {
    "scrolled": true
   },
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/usr/local/lib/python3.5/dist-packages/matplotlib/__init__.py:1357: UserWarning:  This call to matplotlib.use() has no effect\n",
      "because the backend has already been chosen;\n",
      "matplotlib.use() must be called *before* pylab, matplotlib.pyplot,\n",
      "or matplotlib.backends is imported for the first time.\n",
      "\n",
      "  warnings.warn(_use_error_msg)\n"
     ]
    }
   ],
   "source": [
    "import matplotlib\n",
    "matplotlib.use('Agg')"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {},
   "outputs": [],
   "source": [
    "import os\n",
    "import pickle as pkl\n",
    "import numpy as np\n",
    "from matplotlib import pyplot as plt"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [],
   "source": [
    "from cycler import cycler\n",
    "plt.rc('axes',\n",
    "       prop_cycle=(\n",
    "           cycler('color', ['b', 'g', 'r', 'y', 'g', 'b']) +\n",
    "           cycler('linestyle', ['-', '-', '-', '-', '--', '-']) +\n",
    "           cycler('marker', ['', '', '', '', 'o', '*'])\n",
    "       ))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {},
   "outputs": [],
   "source": [
    "small_cascade = False"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {},
   "outputs": [],
   "source": [
    "qs = [0.002, 0.004, 0.008, 0.016, 0.032]\n",
    "if not small_cascade:\n",
    "    cascade_ids = list(range(0, 19))\n",
    "else:\n",
    "    cascade_ids = list(range(2, 3))\n",
    "methods = ['no-order', 'tbfs', 'greedy', 'closure']"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {},
   "outputs": [],
   "source": [
    "if not small_cascade:\n",
    "    result_dir = 'outputs/real_cascade_experiment/cascade_{}/'\n",
    "else:\n",
    "    result_dir = 'outputs/real_cascade_experiment/small_cascade_{}/'"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {},
   "outputs": [],
   "source": [
    "rows = []\n",
    "for q in qs:\n",
    "    row = {}\n",
    "    for method in methods:\n",
    "        row[method] = {}\n",
    "        for i in cascade_ids:\n",
    "            # print('cascade {}'.format(i))\n",
    "            # gather count statistics across all casacades,\n",
    "            try:\n",
    "                path = os.path.join(result_dir.format(i), method, \"{}.pkl\".format(q))\n",
    "                r = pkl.load(open(path, 'rb'))\n",
    "                \n",
    "                if len(row[method]) == 0:\n",
    "                    for key in r.columns:\n",
    "                        row[method][key] = 0\n",
    "                    row[method]['count'] = 0\n",
    "            \n",
    "            except FileNotFoundError:\n",
    "                print(path, \": not found\")\n",
    "            \n",
    "            if small_cascade:\n",
    "                for _, rr in r.iterrows():\n",
    "                    for key in r.columns:\n",
    "                        row[method][key] += rr[key]\n",
    "                    row[method]['count'] += 1\n",
    "            else:\n",
    "                count = r['n.correct_nodes']['count']                \n",
    "                for key in r.columns:\n",
    "                    row[method][key] += r[key]['mean'] * count\n",
    "                row[method]['count'] += count\n",
    "\n",
    "        row[method]['tree-size'] = row[method]['n.pred_edges'] / row[method]['count']\n",
    "        row[method]['precision'] = row[method]['n.correct_nodes'] / row[method]['n.pred_nodes']\n",
    "        row[method]['recall'] = row[method]['n.correct_nodes'] / row[method]['n.true_nodes']\n",
    "        row[method]['order-accuracy'] = row[method]['n.correct_edges'] / row[method]['n.pred_edges']        \n",
    "    rows.append(row)\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "metadata": {},
   "outputs": [],
   "source": [
    "measures = ['tree-size', 'precision', 'recall', 'order-accuracy']"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "metadata": {},
   "outputs": [],
   "source": [
    "# measure x qs x methods\n",
    "data = np.zeros((4, len(qs), len(methods)))\n",
    "for i, (q, row) in enumerate(zip(qs, rows)):\n",
    "    for j, method in enumerate(methods):\n",
    "        for k, measure in enumerate(measures):\n",
    "            data[k, i, j] = row[method][measure]\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "metadata": {},
   "outputs": [],
   "source": [
    "qs = np.array(qs)\n",
    "x = np.log2(qs / qs[0])\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "metadata": {},
   "outputs": [],
   "source": [
    "from plot_utils import make_line_cycle\n",
    "line_cycle = make_line_cycle()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 24,
   "metadata": {},
   "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",
       "        // select the cell after this one\n",
       "        var index = IPython.notebook.find_cell_index(this.cell_info[0]);\n",
       "        IPython.notebook.select(index + 1);\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": {
      "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",
       "        // select the cell after this one\n",
       "        var index = IPython.notebook.find_cell_index(this.cell_info[0]);\n",
       "        IPython.notebook.select(index + 1);\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": {
      "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",
       "        // select the cell after this one\n",
       "        var index = IPython.notebook.find_cell_index(this.cell_info[0]);\n",
       "        IPython.notebook.select(index + 1);\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": {
      "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",
       "        // select the cell after this one\n",
       "        var index = IPython.notebook.find_cell_index(this.cell_info[0]);\n",
       "        IPython.notebook.select(index + 1);\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"
    }
   ],
   "source": [
    "lines = []\n",
    "for k, measure in enumerate(measures):\n",
    "    fig = plt.figure(figsize=(3, 2.6))  # 2.25\n",
    "    ax = fig.add_subplot(111)\n",
    "    for j, m in enumerate(methods):\n",
    "        l, = ax.plot(x, data[k,:,j], next(line_cycle), markersize=7.5, alpha=0.75)\n",
    "        if len(lines) < len(methods):\n",
    "            lines.append(l)\n",
    "    ax.set_title(measure, fontsize=14)\n",
    "    ax.set_xlabel('prop. of reports', fontsize=14)\n",
    "\n",
    "    max_ticks=3\n",
    "    ax.yaxis.set_major_locator(plt.MaxNLocator(max_ticks))\n",
    "    ax.xaxis.set_major_locator(plt.MaxNLocator(max_ticks))\n",
    "    \n",
    "    xticks = ax.get_xticks()\n",
    "\n",
    "    labels = list(map(lambda v: \"$2^{}$\".format(int(v)), xticks))\n",
    "    ax.set_xticklabels(labels)\n",
    "        \n",
    "    # 'precision'\n",
    "    if measure in ['order-accuracy']:\n",
    "        ax.set_ylim(0.5, 1.0)\n",
    "    # if not small_cascade:\n",
    "    ax.text(0, 0.1, r\"$0.002\\times$ \", transform=plt.gcf().transFigure)    \n",
    "    plt.tight_layout()\n",
    "    if not small_cascade:\n",
    "        fig.savefig('figs/digg/{}.pdf'.format(measure))\n",
    "    else:\n",
    "        fig.savefig('figs/digg_small/{}.pdf'.format(measure))\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 24,
   "metadata": {},
   "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",
       "        // select the cell after this one\n",
       "        var index = IPython.notebook.find_cell_index(this.cell_info[0]);\n",
       "        IPython.notebook.select(index + 1);\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"
    }
   ],
   "source": [
    "figlegend = plt.figure(figsize=(2.2 * len(methods), 0.5))\n",
    "ax = fig.add_subplot(111)\n",
    "\n",
    "label_mapping = {'closure': 'closure', 'tbfs': 'delayed-bfs', 'no-order': 'steiner', 'greedy': 'greedy'}\n",
    "labels = list(map(label_mapping.__getitem__, methods))\n",
    "figlegend.legend(lines, labels, 'center', ncol=len(methods), fontsize=18)\n",
    "figlegend.show()\n",
    "if not small_cascade:\n",
    "    figlegend.savefig('figs/digg/legend.pdf')\n",
    "else:\n",
    "    figlegend.savefig('figs/digg_small/legend.pdf')\n"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.5.2"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}