Example_POI_analysis.ipynb

{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 1,
   "id": "60756704",
   "metadata": {},
   "outputs": [],
   "source": [
    "# Import all necessary libraries for this example\n",
    "\n",
    "import matplotlib.pyplot as plt\n",
    "import matplotlib\n",
    "import numpy as np\n",
    "import pandas as pd\n",
    "import DCCSMLM\n",
    "\n",
    "%matplotlib notebook"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "id": "03ac8037",
   "metadata": {},
   "outputs": [],
   "source": [
    "# Load reference proteins from the \"CalibrationValues.csv\" file as also shown in the \"Calibration_Example\" notebook.\n",
    "# The \"rate_mVenus\" column contains the determined colocalization ratios over several experiments and the known\n",
    "# oligomeric states in the \"stoichiometry\" column.\n",
    "reference = DCCSMLM.DCCReferenceProteins(\"ExampleData/CalibrationValues.csv\", \"rate_mVenus\", \"stoichiometry\")\n",
    "\n",
    "\n",
    "n_bootstrap = 10000 # Number of bootstrap resamples\n",
    "n_max = 4 # Maximum oligomeric state to consider\n",
    "only_consider_p = True # Set this to True if you want to use Eq. 1 (only p, no m)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "id": "28a5d1e0",
   "metadata": {},
   "outputs": [],
   "source": [
    "# In our example, we will determine the oligomeric state of proteins from the SLC17A family.\n",
    "# First, we load the data from all investigated proteins. The \"rate_mVenus\" column contains the observed\n",
    "# colocalization ratios.\n",
    "vglut1 = DCCSMLM.DCCProteinOfInterest(\"ExampleData/coloc_vGlut1.csv\", \"rate_mVenus\")\n",
    "vglut2 = DCCSMLM.DCCProteinOfInterest(\"ExampleData/coloc_vGlut2.csv\", \"rate_mVenus\")\n",
    "vglut3 = DCCSMLM.DCCProteinOfInterest(\"ExampleData/coloc_vGlut3.csv\", \"rate_mVenus\")\n",
    "sialin = DCCSMLM.DCCProteinOfInterest(\"ExampleData/coloc_sialin.csv\", \"rate_mVenus\")\n",
    "\n",
    "# Create a dictionary that contains the different SLC17A proteins\n",
    "vglut = {\"vGlut1\": vglut1, \"vGlut2\": vglut2, \"vGlut3\": vglut3, \"Sialin\": sialin}\n",
    "\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "id": "2e49bc92",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "application/javascript": [
       "/* Put everything inside the global mpl namespace */\n",
       "/* global mpl */\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(\n",
       "            '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",
       "\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 = document.createElement('div');\n",
       "    this.root.setAttribute('style', 'display: inline-block');\n",
       "    this._root_extra_style(this.root);\n",
       "\n",
       "    parent_element.appendChild(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",
       "        if (fig.ratio !== 1) {\n",
       "            fig.send_message('set_device_pixel_ratio', {\n",
       "                device_pixel_ratio: fig.ratio,\n",
       "            });\n",
       "        }\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",
       "        fig.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 = document.createElement('div');\n",
       "    titlebar.classList =\n",
       "        'ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix';\n",
       "    var titletext = document.createElement('div');\n",
       "    titletext.classList = 'ui-dialog-title';\n",
       "    titletext.setAttribute(\n",
       "        'style',\n",
       "        'width: 100%; text-align: center; padding: 3px;'\n",
       "    );\n",
       "    titlebar.appendChild(titletext);\n",
       "    this.root.appendChild(titlebar);\n",
       "    this.header = titletext;\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._canvas_extra_style = function (_canvas_div) {};\n",
       "\n",
       "mpl.figure.prototype._root_extra_style = function (_canvas_div) {};\n",
       "\n",
       "mpl.figure.prototype._init_canvas = function () {\n",
       "    var fig = this;\n",
       "\n",
       "    var canvas_div = (this.canvas_div = document.createElement('div'));\n",
       "    canvas_div.setAttribute(\n",
       "        'style',\n",
       "        'border: 1px solid #ddd;' +\n",
       "            'box-sizing: content-box;' +\n",
       "            'clear: both;' +\n",
       "            'min-height: 1px;' +\n",
       "            'min-width: 1px;' +\n",
       "            'outline: 0;' +\n",
       "            'overflow: hidden;' +\n",
       "            'position: relative;' +\n",
       "            'resize: both;'\n",
       "    );\n",
       "\n",
       "    function on_keyboard_event_closure(name) {\n",
       "        return function (event) {\n",
       "            return fig.key_event(event, name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    canvas_div.addEventListener(\n",
       "        'keydown',\n",
       "        on_keyboard_event_closure('key_press')\n",
       "    );\n",
       "    canvas_div.addEventListener(\n",
       "        'keyup',\n",
       "        on_keyboard_event_closure('key_release')\n",
       "    );\n",
       "\n",
       "    this._canvas_extra_style(canvas_div);\n",
       "    this.root.appendChild(canvas_div);\n",
       "\n",
       "    var canvas = (this.canvas = document.createElement('canvas'));\n",
       "    canvas.classList.add('mpl-canvas');\n",
       "    canvas.setAttribute('style', 'box-sizing: content-box;');\n",
       "\n",
       "    this.context = canvas.getContext('2d');\n",
       "\n",
       "    var backingStore =\n",
       "        this.context.backingStorePixelRatio ||\n",
       "        this.context.webkitBackingStorePixelRatio ||\n",
       "        this.context.mozBackingStorePixelRatio ||\n",
       "        this.context.msBackingStorePixelRatio ||\n",
       "        this.context.oBackingStorePixelRatio ||\n",
       "        this.context.backingStorePixelRatio ||\n",
       "        1;\n",
       "\n",
       "    this.ratio = (window.devicePixelRatio || 1) / backingStore;\n",
       "\n",
       "    var rubberband_canvas = (this.rubberband_canvas = document.createElement(\n",
       "        'canvas'\n",
       "    ));\n",
       "    rubberband_canvas.setAttribute(\n",
       "        'style',\n",
       "        'box-sizing: content-box; position: absolute; left: 0; top: 0; z-index: 1;'\n",
       "    );\n",
       "\n",
       "    // Apply a ponyfill if ResizeObserver is not implemented by browser.\n",
       "    if (this.ResizeObserver === undefined) {\n",
       "        if (window.ResizeObserver !== undefined) {\n",
       "            this.ResizeObserver = window.ResizeObserver;\n",
       "        } else {\n",
       "            var obs = _JSXTOOLS_RESIZE_OBSERVER({});\n",
       "            this.ResizeObserver = obs.ResizeObserver;\n",
       "        }\n",
       "    }\n",
       "\n",
       "    this.resizeObserverInstance = new this.ResizeObserver(function (entries) {\n",
       "        var nentries = entries.length;\n",
       "        for (var i = 0; i < nentries; i++) {\n",
       "            var entry = entries[i];\n",
       "            var width, height;\n",
       "            if (entry.contentBoxSize) {\n",
       "                if (entry.contentBoxSize instanceof Array) {\n",
       "                    // Chrome 84 implements new version of spec.\n",
       "                    width = entry.contentBoxSize[0].inlineSize;\n",
       "                    height = entry.contentBoxSize[0].blockSize;\n",
       "                } else {\n",
       "                    // Firefox implements old version of spec.\n",
       "                    width = entry.contentBoxSize.inlineSize;\n",
       "                    height = entry.contentBoxSize.blockSize;\n",
       "                }\n",
       "            } else {\n",
       "                // Chrome <84 implements even older version of spec.\n",
       "                width = entry.contentRect.width;\n",
       "                height = entry.contentRect.height;\n",
       "            }\n",
       "\n",
       "            // Keep the size of the canvas and rubber band canvas in sync with\n",
       "            // the canvas container.\n",
       "            if (entry.devicePixelContentBoxSize) {\n",
       "                // Chrome 84 implements new version of spec.\n",
       "                canvas.setAttribute(\n",
       "                    'width',\n",
       "                    entry.devicePixelContentBoxSize[0].inlineSize\n",
       "                );\n",
       "                canvas.setAttribute(\n",
       "                    'height',\n",
       "                    entry.devicePixelContentBoxSize[0].blockSize\n",
       "                );\n",
       "            } else {\n",
       "                canvas.setAttribute('width', width * fig.ratio);\n",
       "                canvas.setAttribute('height', height * fig.ratio);\n",
       "            }\n",
       "            canvas.setAttribute(\n",
       "                'style',\n",
       "                'width: ' + width + 'px; height: ' + height + 'px;'\n",
       "            );\n",
       "\n",
       "            rubberband_canvas.setAttribute('width', width);\n",
       "            rubberband_canvas.setAttribute('height', height);\n",
       "\n",
       "            // And update the size in Python. We ignore the initial 0/0 size\n",
       "            // that occurs as the element is placed into the DOM, which should\n",
       "            // otherwise not happen due to the minimum size styling.\n",
       "            if (fig.ws.readyState == 1 && width != 0 && height != 0) {\n",
       "                fig.request_resize(width, height);\n",
       "            }\n",
       "        }\n",
       "    });\n",
       "    this.resizeObserverInstance.observe(canvas_div);\n",
       "\n",
       "    function on_mouse_event_closure(name) {\n",
       "        return function (event) {\n",
       "            return fig.mouse_event(event, name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mousedown',\n",
       "        on_mouse_event_closure('button_press')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseup',\n",
       "        on_mouse_event_closure('button_release')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'dblclick',\n",
       "        on_mouse_event_closure('dblclick')\n",
       "    );\n",
       "    // Throttle sequential mouse events to 1 every 20ms.\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mousemove',\n",
       "        on_mouse_event_closure('motion_notify')\n",
       "    );\n",
       "\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseenter',\n",
       "        on_mouse_event_closure('figure_enter')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseleave',\n",
       "        on_mouse_event_closure('figure_leave')\n",
       "    );\n",
       "\n",
       "    canvas_div.addEventListener('wheel', function (event) {\n",
       "        if (event.deltaY < 0) {\n",
       "            event.step = 1;\n",
       "        } else {\n",
       "            event.step = -1;\n",
       "        }\n",
       "        on_mouse_event_closure('scroll')(event);\n",
       "    });\n",
       "\n",
       "    canvas_div.appendChild(canvas);\n",
       "    canvas_div.appendChild(rubberband_canvas);\n",
       "\n",
       "    this.rubberband_context = rubberband_canvas.getContext('2d');\n",
       "    this.rubberband_context.strokeStyle = '#000000';\n",
       "\n",
       "    this._resize_canvas = function (width, height, forward) {\n",
       "        if (forward) {\n",
       "            canvas_div.style.width = width + 'px';\n",
       "            canvas_div.style.height = height + 'px';\n",
       "        }\n",
       "    };\n",
       "\n",
       "    // Disable right mouse context menu.\n",
       "    this.rubberband_canvas.addEventListener('contextmenu', function (_e) {\n",
       "        event.preventDefault();\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 toolbar = document.createElement('div');\n",
       "    toolbar.classList = 'mpl-toolbar';\n",
       "    this.root.appendChild(toolbar);\n",
       "\n",
       "    function on_click_closure(name) {\n",
       "        return function (_event) {\n",
       "            return fig.toolbar_button_onclick(name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    function on_mouseover_closure(tooltip) {\n",
       "        return function (event) {\n",
       "            if (!event.currentTarget.disabled) {\n",
       "                return fig.toolbar_button_onmouseover(tooltip);\n",
       "            }\n",
       "        };\n",
       "    }\n",
       "\n",
       "    fig.buttons = {};\n",
       "    var buttonGroup = document.createElement('div');\n",
       "    buttonGroup.classList = 'mpl-button-group';\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",
       "            /* Instead of a spacer, we start a new button group. */\n",
       "            if (buttonGroup.hasChildNodes()) {\n",
       "                toolbar.appendChild(buttonGroup);\n",
       "            }\n",
       "            buttonGroup = document.createElement('div');\n",
       "            buttonGroup.classList = 'mpl-button-group';\n",
       "            continue;\n",
       "        }\n",
       "\n",
       "        var button = (fig.buttons[name] = document.createElement('button'));\n",
       "        button.classList = 'mpl-widget';\n",
       "        button.setAttribute('role', 'button');\n",
       "        button.setAttribute('aria-disabled', 'false');\n",
       "        button.addEventListener('click', on_click_closure(method_name));\n",
       "        button.addEventListener('mouseover', on_mouseover_closure(tooltip));\n",
       "\n",
       "        var icon_img = document.createElement('img');\n",
       "        icon_img.src = '_images/' + image + '.png';\n",
       "        icon_img.srcset = '_images/' + image + '_large.png 2x';\n",
       "        icon_img.alt = tooltip;\n",
       "        button.appendChild(icon_img);\n",
       "\n",
       "        buttonGroup.appendChild(button);\n",
       "    }\n",
       "\n",
       "    if (buttonGroup.hasChildNodes()) {\n",
       "        toolbar.appendChild(buttonGroup);\n",
       "    }\n",
       "\n",
       "    var fmt_picker = document.createElement('select');\n",
       "    fmt_picker.classList = 'mpl-widget';\n",
       "    toolbar.appendChild(fmt_picker);\n",
       "    this.format_dropdown = fmt_picker;\n",
       "\n",
       "    for (var ind in mpl.extensions) {\n",
       "        var fmt = mpl.extensions[ind];\n",
       "        var option = document.createElement('option');\n",
       "        option.selected = fmt === mpl.default_extension;\n",
       "        option.innerHTML = fmt;\n",
       "        fmt_picker.appendChild(option);\n",
       "    }\n",
       "\n",
       "    var status_bar = document.createElement('span');\n",
       "    status_bar.classList = 'mpl-message';\n",
       "    toolbar.appendChild(status_bar);\n",
       "    this.message = status_bar;\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",
       "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",
       "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], msg['forward']);\n",
       "        fig.send_message('refresh', {});\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_rubberband = function (fig, msg) {\n",
       "    var x0 = msg['x0'] / fig.ratio;\n",
       "    var y0 = (fig.canvas.height - msg['y0']) / fig.ratio;\n",
       "    var x1 = msg['x1'] / fig.ratio;\n",
       "    var y1 = (fig.canvas.height - msg['y1']) / fig.ratio;\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,\n",
       "        0,\n",
       "        fig.canvas.width / fig.ratio,\n",
       "        fig.canvas.height / fig.ratio\n",
       "    );\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",
       "    fig.rubberband_canvas.style.cursor = msg['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.handle_history_buttons = function (fig, msg) {\n",
       "    for (var key in msg) {\n",
       "        if (!(key in fig.buttons)) {\n",
       "            continue;\n",
       "        }\n",
       "        fig.buttons[key].disabled = !msg[key];\n",
       "        fig.buttons[key].setAttribute('aria-disabled', !msg[key]);\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_navigate_mode = function (fig, msg) {\n",
       "    if (msg['mode'] === 'PAN') {\n",
       "        fig.buttons['Pan'].classList.add('active');\n",
       "        fig.buttons['Zoom'].classList.remove('active');\n",
       "    } else if (msg['mode'] === 'ZOOM') {\n",
       "        fig.buttons['Pan'].classList.remove('active');\n",
       "        fig.buttons['Zoom'].classList.add('active');\n",
       "    } else {\n",
       "        fig.buttons['Pan'].classList.remove('active');\n",
       "        fig.buttons['Zoom'].classList.remove('active');\n",
       "    }\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",
       "            var img = evt.data;\n",
       "            if (img.type !== 'image/png') {\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",
       "                img.type = 'image/png';\n",
       "            }\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",
       "\n",
       "            fig.imageObj.src = (window.URL || window.webkitURL).createObjectURL(\n",
       "                img\n",
       "            );\n",
       "            fig.updated_canvas_event();\n",
       "            fig.waiting = false;\n",
       "            return;\n",
       "        } else if (\n",
       "            typeof evt.data === 'string' &&\n",
       "            evt.data.slice(0, 21) === 'data:image/png;base64'\n",
       "        ) {\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(\n",
       "                \"No handler for the '\" + msg_type + \"' message type: \",\n",
       "                msg\n",
       "            );\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(\n",
       "                    \"Exception inside the 'handler_\" + msg_type + \"' callback:\",\n",
       "                    e,\n",
       "                    e.stack,\n",
       "                    msg\n",
       "                );\n",
       "            }\n",
       "        }\n",
       "    };\n",
       "};\n",
       "\n",
       "// from https://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",
       "    }\n",
       "    if (e.target) {\n",
       "        targ = e.target;\n",
       "    } else if (e.srcElement) {\n",
       "        targ = e.srcElement;\n",
       "    }\n",
       "    if (targ.nodeType === 3) {\n",
       "        // defeat Safari bug\n",
       "        targ = targ.parentNode;\n",
       "    }\n",
       "\n",
       "    // pageX,Y are the mouse positions relative to the document\n",
       "    var boundingRect = targ.getBoundingClientRect();\n",
       "    var x = e.pageX - (boundingRect.left + document.body.scrollLeft);\n",
       "    var y = e.pageY - (boundingRect.top + document.body.scrollTop);\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",
       " * https://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",
       "        }\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",
       "        this.canvas.focus();\n",
       "        this.canvas_div.focus();\n",
       "    }\n",
       "\n",
       "    var x = canvas_pos.x * this.ratio;\n",
       "    var y = canvas_pos.y * this.ratio;\n",
       "\n",
       "    this.send_message(name, {\n",
       "        x: x,\n",
       "        y: y,\n",
       "        button: event.button,\n",
       "        step: event.step,\n",
       "        guiEvent: simpleKeys(event),\n",
       "    });\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",
       "    // Prevent repeat events\n",
       "    if (name === 'key_press') {\n",
       "        if (event.key === this._key) {\n",
       "            return;\n",
       "        } else {\n",
       "            this._key = event.key;\n",
       "        }\n",
       "    }\n",
       "    if (name === 'key_release') {\n",
       "        this._key = null;\n",
       "    }\n",
       "\n",
       "    var value = '';\n",
       "    if (event.ctrlKey && event.key !== 'Control') {\n",
       "        value += 'ctrl+';\n",
       "    }\n",
       "    else if (event.altKey && event.key !== 'Alt') {\n",
       "        value += 'alt+';\n",
       "    }\n",
       "    else if (event.shiftKey && event.key !== 'Shift') {\n",
       "        value += 'shift+';\n",
       "    }\n",
       "\n",
       "    value += 'k' + event.key;\n",
       "\n",
       "    this._key_event_extra(event, name);\n",
       "\n",
       "    this.send_message(name, { key: value, 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",
       "\n",
       "///////////////// REMAINING CONTENT GENERATED BY embed_js.py /////////////////\n",
       "// prettier-ignore\n",
       "var _JSXTOOLS_RESIZE_OBSERVER=function(A){var t,i=new WeakMap,n=new WeakMap,a=new WeakMap,r=new WeakMap,o=new Set;function s(e){if(!(this instanceof s))throw new TypeError(\"Constructor requires 'new' operator\");i.set(this,e)}function h(){throw new TypeError(\"Function is not a constructor\")}function c(e,t,i,n){e=0 in arguments?Number(arguments[0]):0,t=1 in arguments?Number(arguments[1]):0,i=2 in arguments?Number(arguments[2]):0,n=3 in arguments?Number(arguments[3]):0,this.right=(this.x=this.left=e)+(this.width=i),this.bottom=(this.y=this.top=t)+(this.height=n),Object.freeze(this)}function d(){t=requestAnimationFrame(d);var s=new WeakMap,p=new Set;o.forEach((function(t){r.get(t).forEach((function(i){var r=t instanceof window.SVGElement,o=a.get(t),d=r?0:parseFloat(o.paddingTop),f=r?0:parseFloat(o.paddingRight),l=r?0:parseFloat(o.paddingBottom),u=r?0:parseFloat(o.paddingLeft),g=r?0:parseFloat(o.borderTopWidth),m=r?0:parseFloat(o.borderRightWidth),w=r?0:parseFloat(o.borderBottomWidth),b=u+f,F=d+l,v=(r?0:parseFloat(o.borderLeftWidth))+m,W=g+w,y=r?0:t.offsetHeight-W-t.clientHeight,E=r?0:t.offsetWidth-v-t.clientWidth,R=b+v,z=F+W,M=r?t.width:parseFloat(o.width)-R-E,O=r?t.height:parseFloat(o.height)-z-y;if(n.has(t)){var k=n.get(t);if(k[0]===M&&k[1]===O)return}n.set(t,[M,O]);var S=Object.create(h.prototype);S.target=t,S.contentRect=new c(u,d,M,O),s.has(i)||(s.set(i,[]),p.add(i)),s.get(i).push(S)}))})),p.forEach((function(e){i.get(e).call(e,s.get(e),e)}))}return s.prototype.observe=function(i){if(i instanceof window.Element){r.has(i)||(r.set(i,new Set),o.add(i),a.set(i,window.getComputedStyle(i)));var n=r.get(i);n.has(this)||n.add(this),cancelAnimationFrame(t),t=requestAnimationFrame(d)}},s.prototype.unobserve=function(i){if(i instanceof window.Element&&r.has(i)){var n=r.get(i);n.has(this)&&(n.delete(this),n.size||(r.delete(i),o.delete(i))),n.size||r.delete(i),o.size||cancelAnimationFrame(t)}},A.DOMRectReadOnly=c,A.ResizeObserver=s,A.ResizeObserverEntry=h,A}; // eslint-disable-line\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\", \"Left button pans, Right button zooms\\nx/y fixes axis, CTRL fixes aspect\", \"fa fa-arrows icon-move\", \"pan\"], [\"Zoom\", \"Zoom to rectangle\\nx/y fixes axis\", \"fa fa-square-o icon-check-empty\", \"zoom\"], [\"\", \"\", \"\", \"\"], [\"Download\", \"Download plot\", \"fa fa-floppy-o icon-save\", \"download\"]];\n",
       "\n",
       "mpl.extensions = [\"eps\", \"jpeg\", \"pgf\", \"pdf\", \"png\", \"ps\", \"raw\", \"svg\", \"tif\"];\n",
       "\n",
       "mpl.default_extension = \"png\";/* global mpl */\n",
       "\n",
       "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.binaryType = comm.kernel.ws.binaryType;\n",
       "    ws.readyState = comm.kernel.ws.readyState;\n",
       "    function updateReadyState(_event) {\n",
       "        if (comm.kernel.ws) {\n",
       "            ws.readyState = comm.kernel.ws.readyState;\n",
       "        } else {\n",
       "            ws.readyState = 3; // Closed state.\n",
       "        }\n",
       "    }\n",
       "    comm.kernel.ws.addEventListener('open', updateReadyState);\n",
       "    comm.kernel.ws.addEventListener('close', updateReadyState);\n",
       "    comm.kernel.ws.addEventListener('error', updateReadyState);\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",
       "        var data = msg['content']['data'];\n",
       "        if (data['blob'] !== undefined) {\n",
       "            data = {\n",
       "                data: new Blob(msg['buffers'], { type: data['blob'] }),\n",
       "            };\n",
       "        }\n",
       "        // Pass the mpl event to the overridden (by mpl) onmessage function.\n",
       "        ws.onmessage(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 = document.getElementById(id);\n",
       "    var ws_proxy = comm_websocket_adapter(comm);\n",
       "\n",
       "    function ondownload(figure, _format) {\n",
       "        window.open(figure.canvas.toDataURL());\n",
       "    }\n",
       "\n",
       "    var fig = new mpl.figure(id, ws_proxy, ondownload, element);\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;\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",
       "    fig.cell_info[0].output_area.element.on(\n",
       "        'cleared',\n",
       "        { fig: fig },\n",
       "        fig._remove_fig_handler\n",
       "    );\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_close = function (fig, msg) {\n",
       "    var width = fig.canvas.width / fig.ratio;\n",
       "    fig.cell_info[0].output_area.element.off(\n",
       "        'cleared',\n",
       "        fig._remove_fig_handler\n",
       "    );\n",
       "    fig.resizeObserverInstance.unobserve(fig.canvas_div);\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.innerHTML =\n",
       "        '<img src=\"' + dataURL + '\" width=\"' + width + '\">';\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 width = this.canvas.width / this.ratio;\n",
       "    var dataURL = this.canvas.toDataURL();\n",
       "    this.cell_info[1]['text/html'] =\n",
       "        '<img src=\"' + dataURL + '\" width=\"' + width + '\">';\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 () {\n",
       "        fig.push_to_output();\n",
       "    }, 1000);\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._init_toolbar = function () {\n",
       "    var fig = this;\n",
       "\n",
       "    var toolbar = document.createElement('div');\n",
       "    toolbar.classList = 'btn-toolbar';\n",
       "    this.root.appendChild(toolbar);\n",
       "\n",
       "    function on_click_closure(name) {\n",
       "        return function (_event) {\n",
       "            return fig.toolbar_button_onclick(name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    function on_mouseover_closure(tooltip) {\n",
       "        return function (event) {\n",
       "            if (!event.currentTarget.disabled) {\n",
       "                return fig.toolbar_button_onmouseover(tooltip);\n",
       "            }\n",
       "        };\n",
       "    }\n",
       "\n",
       "    fig.buttons = {};\n",
       "    var buttonGroup = document.createElement('div');\n",
       "    buttonGroup.classList = 'btn-group';\n",
       "    var button;\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",
       "            /* Instead of a spacer, we start a new button group. */\n",
       "            if (buttonGroup.hasChildNodes()) {\n",
       "                toolbar.appendChild(buttonGroup);\n",
       "            }\n",
       "            buttonGroup = document.createElement('div');\n",
       "            buttonGroup.classList = 'btn-group';\n",
       "            continue;\n",
       "        }\n",
       "\n",
       "        button = fig.buttons[name] = document.createElement('button');\n",
       "        button.classList = 'btn btn-default';\n",
       "        button.href = '#';\n",
       "        button.title = name;\n",
       "        button.innerHTML = '<i class=\"fa ' + image + ' fa-lg\"></i>';\n",
       "        button.addEventListener('click', on_click_closure(method_name));\n",
       "        button.addEventListener('mouseover', on_mouseover_closure(tooltip));\n",
       "        buttonGroup.appendChild(button);\n",
       "    }\n",
       "\n",
       "    if (buttonGroup.hasChildNodes()) {\n",
       "        toolbar.appendChild(buttonGroup);\n",
       "    }\n",
       "\n",
       "    // Add the status bar.\n",
       "    var status_bar = document.createElement('span');\n",
       "    status_bar.classList = 'mpl-message pull-right';\n",
       "    toolbar.appendChild(status_bar);\n",
       "    this.message = status_bar;\n",
       "\n",
       "    // Add the close button to the window.\n",
       "    var buttongrp = document.createElement('div');\n",
       "    buttongrp.classList = 'btn-group inline pull-right';\n",
       "    button = document.createElement('button');\n",
       "    button.classList = 'btn btn-mini btn-primary';\n",
       "    button.href = '#';\n",
       "    button.title = 'Stop Interaction';\n",
       "    button.innerHTML = '<i class=\"fa fa-power-off icon-remove icon-large\"></i>';\n",
       "    button.addEventListener('click', function (_evt) {\n",
       "        fig.handle_close(fig, {});\n",
       "    });\n",
       "    button.addEventListener(\n",
       "        'mouseover',\n",
       "        on_mouseover_closure('Stop Interaction')\n",
       "    );\n",
       "    buttongrp.appendChild(button);\n",
       "    var titlebar = this.root.querySelector('.ui-dialog-titlebar');\n",
       "    titlebar.insertBefore(buttongrp, titlebar.firstChild);\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._remove_fig_handler = function (event) {\n",
       "    var fig = event.data.fig;\n",
       "    if (event.target !== this) {\n",
       "        // Ignore bubbled events from children.\n",
       "        return;\n",
       "    }\n",
       "    fig.close_ws(fig, {});\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._root_extra_style = function (el) {\n",
       "    el.style.boxSizing = 'content-box'; // override notebook setting of border-box.\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._canvas_extra_style = function (el) {\n",
       "    // this is important to make the div 'focusable\n",
       "    el.setAttribute('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",
       "    } else {\n",
       "        // location in version 2\n",
       "        IPython.keyboard_manager.register_events(el);\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._key_event_extra = function (event, _name) {\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",
       "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(\n",
       "        'matplotlib',\n",
       "        mpl.mpl_figure_comm\n",
       "    );\n",
       "}\n"
      ],
      "text/plain": [
       "<IPython.core.display.Javascript object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAGQCAYAAADr8i+wAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAyKADAAQAAAABAAABkAAAAABYZGo6AAApaklEQVR4Ae2dCbAUxf3Hm8fKDQKK3MqlcscohyJ3BRMiQhAwJUTwQDFgmTIaQqIlqCkhxiMpDWrAICoqyKHBCAEDPIJRIRLDJQmKUU5F5b7B+fe3859xdt+cb2dnd7a/XfXeznT39HR/un/T968rGNIIGhIgAUcCJY62tCQBElAEKCAsCCTgQYAC4gGHTiRAAWEZIAEPAhQQDzi5dlqxYoWoUKGC+uvdu3euX8fwy0EgVY5ntH1k9+7d4o033hDLli0T//rXv8SXX36p/s444wxRu3Ztce6554pvf/vbolu3bmLAgAHizDPPLDpWp0+fFhs3bhRr1qwR//jHP9TvunXrxMmTJ1Vae/XqJSD4RWMwzEvjTWDHjh3GuHHjjMqVK2NIPNBfpUqVjGHDhhnr1693DXz58uVWWLJgufrLhcN5551nvfvjjz8O9IoFCxYY1apVs55zYhF3OgJFPAtPrEF8PnWlpaVi6NCh4osvvkjzef7554vWrVuLs846S5SUlIjPPvtMbN26VXzwwQfK34kTJ8Qrr7wi5s6dq76yl1xySdrzSbzZt2+fOHLkSBKjXu44U0A80C1cuFAMGTLEaj5Ur15dyJpE3HbbbaJp06aOT+7cuVPgud/+9rdi8+bNQn68xNGjRx39JtWyfv36onPnztbfX/7yF/G73/0uqcnxjDcFxAXPhx9+KK677jpLOFq0aKH6HxdeeKHLE/+zbtSokRgzZoy45ZZbxEsvvSRuv/12T/9Jcvze974nPvnkE9XXssf73Xfftd8W1TUFxCU7Ucj379+vXNHZRsdctttdfJe1xujU8OHDRd++fcXXX39d1kMCbRo0aJDAWGcX5cQP83bs2NEaKsUXO6i58cYbrefuvPPOtMdWr16tBMK0fOihh0IJh/kcflGoUKuU15RnKNgcOsav3fz3v/+10oyawDTNmze37O3PFtVolJnYkL+JF5ARI0ZYSZ41a5Z17XVx7NgxMW/ePMvLj370I+saF08++aR1X7duXTFy5Ejrnhd6EUh8EwsC8stf/lI1Y9BZxGjT2Wef7ZmL6EQfOHBA+Wnbtq2au7A/IIdfrdtBgwaJKlWqWPdJvqhVq5YaZEAannvuOXHw4EGVHHwAatasWSZpjRs3LmOnm0XiBaRJkyaiZ8+eanLq1KlTYvbs2VYhcMvMF154wXLKrD22bdumOqKmh65du5qXif9FbfjEE0+odLz++uuWgNx3332iWbNmiU9fLhKQ+CYWoNgLuV8z66uvvhKLFy9WLM2OtB2svW0O+zZt2tidea0ZgcTXIMgvTORhbgJ9i7fffltN2GFY1snMmTNHYBIPpkePHmU63xAgu8ESEj+DOYAtW7a4esNkIr7SNMkjUBQCgmFYrH3CrDXMiy++KO655x7H3LDXMPaax/RstsvNe0wO+hm5BENgxt3NYHiYAuJGp7Dti6KJBcT2wm4XAjt+NJ/eeustZSXXVQm5VsrurK4zO6uHDx8u44cW+hAoGgH5/ve/r9ZFIeuwxOO9994rk4sQHCz9gLnyyivVCtxMT+jI2g3WH/kZzBcgXPvfjBkz/B6jewIIFI2AYMm5vUZwqkXsdvYax55PmbPl5uJDux9e60OgaAQEWWYv9C+//LLA3gXT/POf/xSbNm1St3Xq1FE1iOlm/8UiRLuQYFY9SaZYlrUUCvOiEpDLL79cmKNXu3btSlsuYp/7QE0j92u45kGfPn0st9dee02NjlkWMV+gZjQN5nn8jLl+zM8f3YMRKCoBQZKxQNA0ZpMKX1XUKKax1zSmnf331ltvtW6xa/D555+37uO+sA8aIC5+Rm7Q8vOi3DPXaQV6SENPRScgWKJumvnz56u9GFiJi30aMGg+de/e3fTi+IvZc/se8fHjxwvMsOfDYIbbLMxYgn/o0CHPaGCeJ4ixL58xt8sGeU43P0UnIBdccIHo1KmTykfMafzpT38SZk0CS6zdMgucV2b/4Q9/EFi7BIORLCxb95oM9AorGzfEwdyDgiaWPS2Z4aKfNW3atExrx3tMXppGbik2L/mbQaDoBATpszehpk+fLlCTmMbuZto5/WJLLRb0pVL/m0vF1/viiy9WCyO3b9/u9Iiyw5ZUTFROnjzZ1U9YB3uzccKECWLVqlVlgli0aJG44oorAgk/Hu7QoYMVRtBax3pAo4sKcuz+fxMDRZTozz//XGAlamanFgXcaX7EK+lonqFTn7kEBTUV1mlh3gQdadRW2JMODR/2LbbYr45dhY899liZ12D+xBwQ8NIGgo43Vh2bzUTUgBiQwJ54LK+BdhHM/cBg/uWGG26w3uWWvW+++abo16+f5Q/NSvCRShksux//+MeiZcuW1j0uMN9kxsN0gLYX7MmHwcqDVq1amU7WL7TBZLMvxgoo7gsISDEauT0Ugp/29+ijj5YrqbL/YciOuwFNJZlhut1DA8o111xjSPVAru8Mo9VECrYhl/G7vh9x+/3vf6/eZY+T68ulg6xNXcNDGIhfppF9OM9n7O+2XwfVnJL5vnzfY/a3KI1sq6dlZMWKFQ059JtVWuWX05BtfOPaa6812rVrZ0jlBYasPQz51TTksnujS5cuhvzqGs8++6whaxzfd4UREAQm97oYcu+LIZtHRo0aNZQKHlmTKZVEUleV9T57wbQsHS7k6J4hd2Each2bir/suKcxo4AYRlE2sWQBoSGBSAgUZSc9EjIMhAQkAQoIiwEJeBCggHjAoRMJUEBYBkjAgwAFxAMOnUiAAsIyQAIeBCggHnDoRAIUEJYBEvAgQAHxgEMnEpArMCpOwkI5GhIggbIEKsr1NpOgvhMrOWlIgATSCVSQtwaUGGCpdhAtgumP844EipuA6oPs3btXPPPMM8WdUqaOBMpBoMTcVmrfdVeOcPgICRQlgQpym6axZMkStbUU20XtamayTTF2u5laNurVq2dtX802XD5PApkEsHt0z549yhrbie1KKTL9hrqX20GtTTL2TTcO+2tCW0mla1bYMlK8JoNYygDKXVQmZT/OGKptsPc5qPFSXoAwzH3KQcOjPxIoNAIpu3p/P51LmZG3C1emW+Y9VHg2bNgw05r3OSSwcuVKMXr06DQlEn6vq1q1qoAmGJzalQ/z97//Xfzwhz/M6tVozkdlUjgGwDR2bRymXVS/EA7Mt9DEQ2Dt2rXqrPaweQr/OOMdwpXruTGpREPgz24ytcfY3YJem6qagvr38pc6fvy45Y6vRxjjp20Q+nGlIoMwQdJvBARk+1udzFves03w3KhRo5QKoyBK9sJGGSd8SS0nAkJc6ErrUnaIUlNGqLSyRgiFKyeenb7C+OjhtN9szIYNG8Q555wj7C0MhPfTn/5U/Zlhm3q5cAY7+qTQSZZZK5h+oQcMGiohwKaBrixTCDESVWj91pS9FgjTpzATyN/8EsBx1rn6CjsJmXl8tplqKNbDYUR2M2nSJEttq91eqklKEw64QSNkx44dlTf0UwvtVOGUqZEP7TYnjXj2BPK68Ahgotd+njm+zpmaD6OItfmlNyeWzTCbN29uXlq/WLZ00UUXWffmhZNf1CjmnEWmJkzzubz+ygSrsenLLrssqqFjKxxoJJSJU3+4psk9Acxlmcyj/IVmRycjO/Vl3idXZTh5VXayOVXGf5TxRFhRlrWUWWUOHjxYhk2TdAJhh+qDphcHoDqNauHrjz6ELP3qFysxzGO2ncKG1nwsjkVtAn29Tz31VJo3jGKFHXlLCyAHN4ZcxRtIVabrZ8HFgTWIC5gcWkddg6BsQB+vVHbtGmvZBzLkcXeu7mEcZJ8m6xom0hoEAjdlyhQl1TkQPgYZMwGMLMpNcGnnM5Y3CuiXoubI7Hdkhhel1nYcXCT1Hgsp6Jmvyct9ycSJE8WYMWPy8nK+NFoCmFeYN2+eiKq5jHD8hCPaFAjVTMO5LPYVHlG/I1R4Yaq/sH7ZxApLLLz/Rx55xGjQoIGB4xZkxqs/eXqUdW3alecXxy3IEbK0P7wvDiNXmCut+eWJd5RNLCptkDmQZINz3HGAjX1FRJDDPoOkGfMgmGOx/5mDOkGez8YPDvfBchc0t4IY85i6IH7D+KGAhKFVgH5RMMyZaHv0cPKVk73dj9s1nsMsOuZXMv/ibHJh1Az7iaTeBDF06FDVt7LHGX0knP4F96VLl9qdIrtORRZSggNyWq6Ry+RkLtfI5l133XWXwOrV66+/3goGQoPz3T/99FPVH7EvJ7I8uVyg7b9gwYK049lcvMZiDWFFxx1/5qoBHHeH47EhvKbA+m29KHdkc9meTEofRA5URNJml5kQKBy8L6yRRzV7PiLnFaB8w5g9e3aaP0zw4TSsIHFr37694TYhmBZoAd7kqqyxBpElB18hfI2CGHlsmcAqZbvBUn4c1hnUmF+9IP4x6XbzzTcLeVSaWv0qC7HjYzjIE1ppMuNhNlNKS0uFPMNQ1Q5yzsIKA80UjFaNHTtWQD9aeZtlVoDFdpHLj0GupDqXcfYLW65WLfM1hl0uDEaM7OcGylNts36NPDHX2LRpk/Huu++qX9wXg8lVWWMNUsBfvKlTp6pjns0oYmHp3LlzVYfVtAv7i9orTA0WNvxi8x+8XVBsKU9AeubMmVMmlo8//ngZO1rkjgAFJHdssw4Z/Yc+ffqocLBxafLkyQJ9CZr4CFBA4mPt+Kb7779fLQ9xdJSWqEUwhLtv3z4xYcIEN2+0zxEB9kFyBNYvWMxT3HTTTQKz3hh9wkhS5ggUwpDLPcSMGTP8gqN7jgjEJiCdO3cuMxOaTZqinGzLJh7leRa1BhaJmga1wz333CMefPBB04q/hUIgl0N89qE3md4yw6PZ2JVnsi2KtDoN83700Uehgpa1hiGXpKfxkBuNDDlDHCocev6GgL2s4ToqE1sNIlecWjVI3JNtUXyMJHABrRxOGjvOP/98cfXVV6vJNiyJ8JtswzopbDHAMC4MmlYjR4609mZHEV+GERGBqCTNKRw3qXb6Cudqss0pXmHtwizXwLIOc7mGVKbs+irswMPSkB49ehhyZt7VHx2CEXAra8GedvcVWw0SkTzHHgxWiaIDHXTBH3bCde/eXe3QhLZxLBl3mphDrQE3p4557InkC10JcJjXFY1Qa5/CCIcZFJQOQPWOXGAohg8fblqX+aVwlEFScBYUEJcskZVuVuo7zWD//Oc/C2xqokkmAQqIS76hQx6V4gCe3uUCOQHWFBCXTDJHmFycA1tj6+jdd98d2D89FhYBCohDfmDnGnbVRWGguzaufdxRxJdhpBOggKTzUHfYvmnfVOTgJbAVwsmVcunAkaDHchOggPw/Ohxgiq89TNTqO7GHmiaZBLQWkPfff1/0799fKT2AsgJ54q/ALH/Yc1L8sh4KBmiSSaBgBCQfX1lo/Vi8eLF12AyaQ1AhY6rvjCJLsec76H73KN7HMKIlEKuAYG4BBfDGG28skwqsZzJ1HMFftgbKDmbNmiUGDRok3M69GzBgQJmZ7JkzZ6qZb0wQRmEQjtNMehRhM4wYCLivQsnexb4+Rqq6D6x+xr6eKWwsoB5HKlM25IJBa7Xsww8/7BqMPFXL8idxG506dVJ+o9AyjvDkB8H13XSIjoC9rOE6KoNzHXJm7JGWB4SmFUQUHq8/2ScwoJ+1PAbP2sPGgkA3I/eVGNAHdccddxjyXD7Lm+yLBBZo+7vs1wgX4dDknoC9rCVSQOwFJ+g1Crq5MharX+UuPEM2w5QyZRRsNyM3Z6UJiGziuHn1tMe7M4WtPHH3fAkdIyGgpYCgMJpfYXl+Ylqhb9mypSvY++67z/KLjUgIAwJWHlMeLePZ1H7liSOfMdSxa+bHS5saxEww2vFSebFV6GGPHXluhR4nHt16663GO++8E0nZCbMfBMJo1nqRvJyBBCKgbQ0CYUCz6tVXX00TENhLFTiB4EXhCX0JCOpVV11VJh4QVsQR7uxzREE7fBi5EpBEbJjCalgc/oitrNhDIc/MU3pk8RuXwbt79/7f8WA4GsBu/vOf/4gWLVrYrXhdJAQSISCYwIPCaCw/h2r/QttoxJnyIpEGh2TEOlHo8P7AVphpb9OmTcEJR+AE0GMiCSRGQPiVTmT5SnykEyEgXM+U+HKW2AQkQkC4nimx5SvxEU+EgOD0IxoSyAeBghcQOfGmhnTzAYfvJIGCFhC5ZENg+bmfKk9mIwnkikBsAiJX84ZKA4QDihNwiAwNCeSLQGwCMm/ePCH3eQRKJ5pVK1euLJizugNFmp6KkkBsAtKhQwexfv16taNQrmcqA1OuZ7J2FK5bt441RxlCtMgHgViXmnA9Uz6ymO/MhkBsNYhfJDlT7keI7vkgUDACko/E850k4Ecg1iaWX2Ty5Y5To5xOjnKKj9zvUcb6W9/6VqhFlEk+X7FM4ovcIoV+gdzoo/Y6FHlaXZMH3bnZqAfFUvwwhrp6w9DKr1/WIJI/9FbFqdyNerLyW+jDvD2FodfmzZuHeabo/LLJU3RZGlmCUpiUoyEBEnAmwFEsZy60JQFFgALCgkACHgQoIB5w6EQCFBCWARLwIJCS+m7VEQEeflydcFSZlwk7P+AVFt1IIB8EUkOGDBELFy5UJy2FjYA8OiDsI/RPAokiUAKlbKNHjxZHjx5NVMQZWRKIg4CaSd+5c6eAes8RI0aEeqfUh+rpH02sLl26KD/ySAKBPR8wXM+kMPBfAghYS02kIujQAoKz/IKa3bt3e3oN21/heiZPnHSMiIAlINks1gsSlwYNGlg1SBD/fn64nsmPEN2jIGAJSBSBeYWxZs0adXqslx+6kUChEbDmQeTBl4UWN8aHBPJOwBKQXr165T0yjAAJFBoBJSDoH0R1LnihJZDxIYFsCJRg6PXpp58WUNRGQwIkkE6gBArdBg4cmG7LOxIgAUWgZNCgQURBAiTgQsDqpLu405oEtCZAAdE6+5l4PwIUED9CdNeaAAVE6+xn4v0IUED8CNFdawIUEK2zn4n3I0AB8SNEd60JUEC0zn4m3o8ABcSPEN21JkAB0Tr7mXg/AhQQP0J015oABUTr7Gfi/QhQQPwI0V1rAhQQrbOfifcjQAHxI0R3rQlQQLTOfibejwAFxI8Q3bUmQAHROvuZeD8CFBA/QnTXmgAFROvsZ+L9CFBA/AjRXWsCFBCts5+J9yNAAfEjRHetCVBAtM5+Jt6PAAXEjxDdtSZAAdE6+5l4PwIUED9CdNeaAAVE6+xn4v0IUED8CNFdawIUEK2zn4n3I0AB8SNEd60JUEC0zn4m3o8ABcSPEN21JkAB0Tr7mXg/AhQQP0J015oABUTr7Gfi/QhQQPwI0V1rAhQQrbOfifcjQAHxI0R3rQlQQLTOfibejwAFxI8Q3bUmQAHROvuZeD8CFBA/QnTXmgAFROvsZ+L9CFBA/AjRXWsCFBCts5+J9yNAAfEjRHetCVBAtM5+Jt6PAAXEjxDdtSZQ8sADD2gNgIknAS8CJffee6+YPn26lx+6kYC2BFQTa/z48WLfvn3aQmDCScCNgBKQvXv3imeeecbND+1JQFsCJbVq1VKJnz9/vrYQmHAScCNQcumllyq31atXi5MnT7r5oz0JaEmgpHXr1irhp06dElu2bNESAhNNAm4EUk2bNrXctm3bJtq2bWvd+11s377d0wvCM82uXbvMS/6SQOQE7OULH/uoTKp69epWWIcOHbKug1zYhcvPf5cuXfy80J0EIiGwZ88e0axZs0jCKqlcubIV0NGjR61rXpAACQiROn78uMWhatWq1nWQC3sTysn/sWPHxObNm0X9+vVFvXr1RCqVsryhSjRrFQwQNGzY0HIr9AvGPT855MUdzSrUHDAdOnSILIKpw4cPW4HVqFHDug5y0aRJE19vrVq18vUD4QgSlm9AefDAuOcBunylE/eomlX2FJXYa4EwfQp7ILwmgWIlUIImEAyaP0G+9sUKgukiAScCJe+8846y79y5s6hUqZKTH9qRgLYESg4cOKASP3jwYG0hMOEk4EZALVasXbu2GD16tJsf2pOAtgSUgEyZMkXUqVNHWwhMOAm4ESiZOHGiGDNmjJs77UlAawIVDGm0JsDEk4AHAdXE8nCnEwloTYAConX2M/F+BCggfoTorjUBCojW2c/E+xGggPgRorvWBCggWmc/E+9HgALiR4juWhOggGid/Uy8H4GK0kzq1auXnz+6k4CWBCouX758EnbzXXzxxVoCYKJJwItABeloYKHi1q1bBVb10pAACXxDQPVBqJv3GyC8IgE7AermtdPgNQlkEKBu3gwgvCUBOwHq5rXT4DUJZBDIqW5eL8VxGfHgLQlkRSBTcVyVKlWyCs98ODbdvOYL+UsCuSYATZ3Q0hOFoW7eKCgyjKIlkFPdvNDa2K1bNwUvafp3izbHizRhdr290AMdlcm5bl4zok66VE03/pJAlATsStKzDZe6ebMlyOeLmkAqX7p5odERJ1Th0B5olcd6MPNA0aImzsQlikCsunmhYUgujhRDhw4VdevWFe3atRNdu3ZVv7gfNmyYcqcmokSVoaKObGy6edevX68ONunbt6+YN2+eOH36dBpY3M+dO1fAHQegrF27Ns2dNySQDwJqsWIcunmHDBkiNm7cGCiN8NezZ0+xdOnSQP7piQRyRUAJSBy6ecOef4iTr6BxnjVJrrKe4QYhUNC6eSEko0aNEuyTBMlK+skFgZJJkyblItzIwtywYYMoLS2NLDwGRAJhCCRCacPUqVPDpIl+SSAyAokQkPnz5wvzJKzIUs6ASCAAgUQICIaAd+zYESA59EIC0RJIhIAgyQcPHow25QyNBAIQSIyA1KxZM0By6IUEoiWQCAHB6szGjRtHm3KGRgIBCCRCQDBhyIWMAXKTXiInkAgBGTt2bOQJZ4AkEIRAwQtI+/btBXUHB8lK+skFgYIWkOrVq4uZM2eKChWgIZWGBOInEJuAVK1aNVTqIBwLFiygUu1Q1Og5agKxCQj2gGCDVBCDZtXKlStFv379gninHxLIGYHYBASboLBpytxRKM8lSUsUhnLNHYXr1q1jzZFGhzf5IpCK88XoS/Tu3Vv9YW0Vlo9ghhyTgJjn4FBunLnBdwUhEKuA2CMEYaBA2InwuhAJxNbEKsTEM04k4EeAAuJHiO5aE6CAaJ39TLwfAQqIHyG6a02AAqJ19jPxfgQoIH6E6K41AQqI1tnPxPsRoID4EaK71gQoIFpnPxPvR4AC4keI7loToIBonf1MvB8BCogfIbprTYAConX2M/F+BCggfoTorjUBCojW2c/E+xGggPgRorvWBCggWmc/E+9HgALiR4juWhOggGid/Uy8HwEKiB8humtNgAKidfYz8X4EKCB+hOiuNQEKiNbZz8T7EaCA+BGiu9YEKCBaZz8T70eAAuJHiO5aE6CAaJ39TLwfAQqIHyG6a02gBBrXV6xYoTUEJp4E3AiwBnEjQ3sSkARSONSmefPmhEECJOBAIIXjzmhIgAScCbCJ5cyFtiSgCFBAWBBIwIMABcQDDp1IgALCMkACHgRSr732mhg0aJCHF3en7du3uztKl127dnm605EECp1AasiQIWLhwoWif//+oePatGnT0M/wARJIEoGS06dPi9GjR4ujR48mKd6MKwnEQkCdk75z504xf/58MWLEiFAv3bZtm6d/NLG6dOni6YeOJFDIBJSAIIKlpaWhBaRJkyaFnDbGjQSyJmCNYu3YsSPrwBgACRQbAUtAii1hTA8JREHAEpBGjRpFER7DIIGiImAJSK9evYoqYUwMCURBQAlIgwYNxODBg6MIj2GQQFERKKlYsaJ4+umnRfXq1YsqYUwMCURBoGTevHli4MCBUYTFMEig6AiUlHcdVtGRYIJIwIGA1Ul3cKMVCWhPgAKifREgAC8CFBAvOnTTngAFRPsiQABeBCggXnTopj0BCoj2RYAAvAhQQLzo0E17AhQQ7YsAAXgRoIB40aGb9gQoINoXAQLwIkAB8aJDN+0JUEC0LwIE4EWAAuJFh27aE6CAaF8ECMCLAAXEiw7dtCdAAdG+CBCAFwEKiBcdumlPgAKifREgAC8CFBAvOnTTngAFRPsiQABeBCggXnTopj0BCoj2RYAAvAhQQLzo0E17AhQQ7YsAAXgRoIB40aGb9gQoINoXAQLwIkAB8aJDN+0JUEC0LwIE4EWAAuJFh27aE6CAaF8ECMCLAAXEiw7dtCdAAdG+CBCAFwEKiBcdumlPgAKifREgAC8CFBAvOnTTngAFRPsiQABeBCggXnTopj0BCoj2RYAAvAhQQLzo0E17AhQQ7YsAAXgRoIB40aGb9gQoINoXAQLwIpDycqSbM4EDBw6I7du3i0OHDokaNWqIJk2aiFq1ajl7LjBbxj1khtx///1Grsy2bdsMGR31h+skm6+//tpYtmyZMWTIEKNixYpWupA+3A8dOlS5w1+hGR3i/umnn1p5EmVZgzgZ06ZNy0meFouAvPfee0a7du2sDDCF3ukX/uC/UIwucb/gggus/IlcQOrUqWPs3bs38jwtBgFZsmSJUb16dQu+k1Bk2sE/nsu30S3uZj5ELiAI+OGHH448P5MuIPj6hhUOM5PwXD5rEl3jDv6RCojsXKqvY7du3SggNgJotwdtVplCkfnbvn17Ix99Et3jHqWApC699FIhq2KxevVqcfLkSXHGGWfIfI7efPnll6Jy5cqhA8YoUdWqVR2f++KLL4Qs045ufpbVqlUT8ivv6O2rr74SpaWlYuPGjY7uQS03bNigwundu7d6ZN++fYpx0Oft/ipVqiTOPPNMu5V1vX//fnHixAnrftWqVZHEfdGiRaJz585WuGEu5MCFqFu3ruMjhw8fFkeOHHF0iyLujgGX1/L222+32teyQNi+odlf2ptYMn7We8JcP/HEE64ROfvss8sVJt4/ceJE13Dbtm1b7nAz0zZs2DDrPb169Sp3uBglczNwy3xvFPctW7Ysd7hg6GbAPor4uYURaQ3StGlT+Z7/GRmwkAkzb31/MRfgZXbt2uXlXLBusokSWdzmz58vMPeQlHkSe8K3bt1qv9XyOmVvZmDiK4yxC1eY5wrdL5qaUZnTp0+LHTt2JFJAZA0QFYbEhlNi7xccPXo0sQmJMuJR1iCI18GDB6OMHsOKkUDq+PHj1uvcOsOWh4wLNMm8DJpYXbp0UV7ef/990ahRIy/vjm7opLuZDz74IKtOulu4L7zwgrj88svdnEPb16xZUz3z6quvZtVJd3vx9OnTxdSpU5Xzv//9b9GjRw83r6Ht0WmWk3Chn0Mn3c387Gc/E+PGjSvjHHXcy7ygHBYpjCiYxqswmn7sv1iDFNScddZZol69ekG9B/InO+mB/IX1JIdnBTIYzaNsTSqVEo0bN1bB1K5dO9vgHJ+3j26hRRBl3Dt06BB58xDNenvT3kxUlHE3w8z2t8ReCxRrnyIsJHSoBw8eHPYxR/8IJ84OOuPumA3ltizZvHmzehhfulatWpU7oGJ7cOzYsZEkKapwwkQmqndGFU4+4h7mnZ5+5RdHjUlfdtllbsPW5bbHeLR8ufrDdZKM7rPRSV4FEGVZK8EYPUxUTQoVWBH8q1Chgnjuuecc28pBkoc29syZMwXCidvoHPdcsDZk59GQyysi/8AnuQYxYei2IlYKdmJXIkvhiLy1AoEznnrqKbM8RPpbDAICIGH2VKBpks9VvJkZqEvcL7zwwpw054XXmqRM2GHvi0VAkG70SZYvX652DsphVCsz8IGRAxwG1lzBHf4KzegQ91ztKKyAzEQ1kguDtVrm0LEUFrV3OxfviTtM9NuwfAQz5JgExDxHnEO52aS3WOOeq7KWU6UNp06dsvIyqQsXrQRkXEAwzBlyFDpzsCPDW0HeFmPc7eXLXu6yzYCcCsiePXus+JlLTiwLXpBAjgig3DVr1iyS0KkXKxKMDKRYCeS0D3Ls2DGxfv16xQ7rsDBbbxr7QkbsZmzYsKHpVPC/jHt+ssiLO5pVZosF68eqVKkSSSS/KbGRBJceCCIZZMsmhCPMwsf0t+T3jnHPD38n7lE1q+wpYhPLToPXJJBBgAKSAYS3JGAnQAGx0+A1CWQQoIBkAOEtCdgJUEDsNHhNAhkEKCAZQHhLAnYCFBA7DV6TQAaBnE4UZryLtySQOAKsQRKXZYxwnAQoIHHS5rsSR4ACkrgsY4TjJEABiZM235U4AhSQxGUZIxwnAQpInLT5rsQRoIAkLssY4TgJUEDipM13JY4ABSRxWcYIx0kgNgH5/PPPxeuvvy7uvfde0b9/f4GjC6AiE3/XX399nGkO/a61a9eKBx98UMUbaoygph9HReDcDMT9b3/7W+gw43gAmlZefvllceeddwp5PqJSTo6jEnAg6DnnnCNwuOhDDz0kcMBq0sz48eOt8oMytGLFitwkIS4lZzL2acrW7PejRo2KKxqh39OzZ0/XeNvTcN111xnyMKLQ4efygaVLlwaKOw5DXbx4cS6jEmnY8jAmpazPzh9K+3JhcronXSbA0eAr3KZNG3X8tKOHArKEgjgYnI4ltSeq05vOPfdcdbjO22+/LR555BGlRO75558XUBzw4osvFlDshVLc16dPH3HJJZeoa+zllpoWBRStzZ07V+CQURynPXDgQLFmzRrRsWPHgop/ZmQQ95tvvlmxRi2IlklOTS6kzilM2bQyFi5caOzevVs5f/zxx9bXrZBrkCuvvNKYPXu2IQu/U7IMqUnDkE0tKy0rV6509JcPS7c42+OyYMECK+5XX3213akgrx977DEV39atWxu/+MUvrLjnqgbBGX95MUkRkCBwIPjyK6b+cO580gwKG+KPplYhG+jflX0/FVcIhP289VwJSGyd9JxWg3kOHJ1d03z00UfmZWJ+zfMCoceskA1OvMJR5bLFoQYY4ogrBSQCyidOnLBCKSlJFlKcFIwTiGFkTWKlo9Au5syZo0ZB69atK37zm9/EFr1k5WZsWMK9qLS01HqgkAuZGckjR46ILVu2iEcffVSgA2+e5vuTn/zE9FJQv/v27RNm3H79619HflqyV2LzMorlFaGkuWFUZcqUKVa0r7nmGuu6kC6effZZccMNN7hG6a677hIjRoxwdc+nA+Y85OCO6Natm7jppptijQoFJEvcclRFQLcwDM557NSpU5Yhxvv4RRddJOQJY6Jr167xvjjg21atWiWmT5+u9DojnpgUjNOwiZUFbTStJkyYoELAmPyTTz6ZRWi5ffQHP/iBUiQOZeIQ6JdeekkJNPofqDmwyqHQDPp2t9xyC0ZaxR133CGglDp2k69hvaQP827YsMGoU6eOGnKUS08MudQhXyizeq88ydeQX2VDDi4YM2bMyCqsqB82h3HlxKwhR6/KBG+6S6ExOMwb+6fD/YVSuMUVV1wh9u7dK+R5heprjLVOSTRyiYxaIYC+1G233abSVAjp2Lx5s5g8ebKKyuOPP17u47izTQv7ICEJ7ty5U3znO98R+EV7+I9//GPiz5gfNGiQwDDq4cOHxaJFi8Tw4cNDUoneO/p2aGK1aNFCYNQNiy4zjazFLatly5apjjwsrrrqqsgEigJiIfa/wJqlfv36ia1btyrP+LKNHDnS/8EC94HDjUzzySefmJd5/ZULP9X7wfraa6/1jcsDDzxg+UENb05+WpblvGAnPSC4/fv3i+9+97ti06ZN6gkM7Y4bNy7g04XtzVyQiVhiGT/NNwQoIN+wcL1CFS8XLQrsC4G5++67xc9//nNX/0lzeOWVV6wo52WkyHr7NxeYt5G9cs8/2Um3HpCddMtvs2bNLPtsLyggPgTRDsb8xltvvaV8Ykb3V7/6lc9TheGMQua3vgpt/TfeeENFGAWre/fuhRH5AolFbH0QTPh8+OGHVrLRnjcN7JGZdlMouwzR/l2yZImKWt++fdVMrr1zaI8zrrFbDzsNC8FMmjRJ7SYcMmSIKvgtW7ZUTaiDBw+qOZFZs2ZZgo94T5s2Le2g1UJIQ97jUGZwOUcW2PMhExv4L0fRCB1smDjD73nnnRf6Hbl6AHEJEn95gKohPwK5ikbOwo1jHiS2GkRmFE3MBP7617+KN998U6B9jlW7n332mdp/jtOH69evL7DMZMCAAQLrx6pVqxZz7JLxOh5/kIx8YizzRICd9DyB52uTQYACkox8YizzROD/AJr78k04ZWlEAAAAAElFTkSuQmCC\" width=\"100\">"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/javascript": [
       "/* Put everything inside the global mpl namespace */\n",
       "/* global mpl */\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(\n",
       "            '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",
       "\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 = document.createElement('div');\n",
       "    this.root.setAttribute('style', 'display: inline-block');\n",
       "    this._root_extra_style(this.root);\n",
       "\n",
       "    parent_element.appendChild(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",
       "        if (fig.ratio !== 1) {\n",
       "            fig.send_message('set_device_pixel_ratio', {\n",
       "                device_pixel_ratio: fig.ratio,\n",
       "            });\n",
       "        }\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",
       "        fig.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 = document.createElement('div');\n",
       "    titlebar.classList =\n",
       "        'ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix';\n",
       "    var titletext = document.createElement('div');\n",
       "    titletext.classList = 'ui-dialog-title';\n",
       "    titletext.setAttribute(\n",
       "        'style',\n",
       "        'width: 100%; text-align: center; padding: 3px;'\n",
       "    );\n",
       "    titlebar.appendChild(titletext);\n",
       "    this.root.appendChild(titlebar);\n",
       "    this.header = titletext;\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._canvas_extra_style = function (_canvas_div) {};\n",
       "\n",
       "mpl.figure.prototype._root_extra_style = function (_canvas_div) {};\n",
       "\n",
       "mpl.figure.prototype._init_canvas = function () {\n",
       "    var fig = this;\n",
       "\n",
       "    var canvas_div = (this.canvas_div = document.createElement('div'));\n",
       "    canvas_div.setAttribute(\n",
       "        'style',\n",
       "        'border: 1px solid #ddd;' +\n",
       "            'box-sizing: content-box;' +\n",
       "            'clear: both;' +\n",
       "            'min-height: 1px;' +\n",
       "            'min-width: 1px;' +\n",
       "            'outline: 0;' +\n",
       "            'overflow: hidden;' +\n",
       "            'position: relative;' +\n",
       "            'resize: both;'\n",
       "    );\n",
       "\n",
       "    function on_keyboard_event_closure(name) {\n",
       "        return function (event) {\n",
       "            return fig.key_event(event, name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    canvas_div.addEventListener(\n",
       "        'keydown',\n",
       "        on_keyboard_event_closure('key_press')\n",
       "    );\n",
       "    canvas_div.addEventListener(\n",
       "        'keyup',\n",
       "        on_keyboard_event_closure('key_release')\n",
       "    );\n",
       "\n",
       "    this._canvas_extra_style(canvas_div);\n",
       "    this.root.appendChild(canvas_div);\n",
       "\n",
       "    var canvas = (this.canvas = document.createElement('canvas'));\n",
       "    canvas.classList.add('mpl-canvas');\n",
       "    canvas.setAttribute('style', 'box-sizing: content-box;');\n",
       "\n",
       "    this.context = canvas.getContext('2d');\n",
       "\n",
       "    var backingStore =\n",
       "        this.context.backingStorePixelRatio ||\n",
       "        this.context.webkitBackingStorePixelRatio ||\n",
       "        this.context.mozBackingStorePixelRatio ||\n",
       "        this.context.msBackingStorePixelRatio ||\n",
       "        this.context.oBackingStorePixelRatio ||\n",
       "        this.context.backingStorePixelRatio ||\n",
       "        1;\n",
       "\n",
       "    this.ratio = (window.devicePixelRatio || 1) / backingStore;\n",
       "\n",
       "    var rubberband_canvas = (this.rubberband_canvas = document.createElement(\n",
       "        'canvas'\n",
       "    ));\n",
       "    rubberband_canvas.setAttribute(\n",
       "        'style',\n",
       "        'box-sizing: content-box; position: absolute; left: 0; top: 0; z-index: 1;'\n",
       "    );\n",
       "\n",
       "    // Apply a ponyfill if ResizeObserver is not implemented by browser.\n",
       "    if (this.ResizeObserver === undefined) {\n",
       "        if (window.ResizeObserver !== undefined) {\n",
       "            this.ResizeObserver = window.ResizeObserver;\n",
       "        } else {\n",
       "            var obs = _JSXTOOLS_RESIZE_OBSERVER({});\n",
       "            this.ResizeObserver = obs.ResizeObserver;\n",
       "        }\n",
       "    }\n",
       "\n",
       "    this.resizeObserverInstance = new this.ResizeObserver(function (entries) {\n",
       "        var nentries = entries.length;\n",
       "        for (var i = 0; i < nentries; i++) {\n",
       "            var entry = entries[i];\n",
       "            var width, height;\n",
       "            if (entry.contentBoxSize) {\n",
       "                if (entry.contentBoxSize instanceof Array) {\n",
       "                    // Chrome 84 implements new version of spec.\n",
       "                    width = entry.contentBoxSize[0].inlineSize;\n",
       "                    height = entry.contentBoxSize[0].blockSize;\n",
       "                } else {\n",
       "                    // Firefox implements old version of spec.\n",
       "                    width = entry.contentBoxSize.inlineSize;\n",
       "                    height = entry.contentBoxSize.blockSize;\n",
       "                }\n",
       "            } else {\n",
       "                // Chrome <84 implements even older version of spec.\n",
       "                width = entry.contentRect.width;\n",
       "                height = entry.contentRect.height;\n",
       "            }\n",
       "\n",
       "            // Keep the size of the canvas and rubber band canvas in sync with\n",
       "            // the canvas container.\n",
       "            if (entry.devicePixelContentBoxSize) {\n",
       "                // Chrome 84 implements new version of spec.\n",
       "                canvas.setAttribute(\n",
       "                    'width',\n",
       "                    entry.devicePixelContentBoxSize[0].inlineSize\n",
       "                );\n",
       "                canvas.setAttribute(\n",
       "                    'height',\n",
       "                    entry.devicePixelContentBoxSize[0].blockSize\n",
       "                );\n",
       "            } else {\n",
       "                canvas.setAttribute('width', width * fig.ratio);\n",
       "                canvas.setAttribute('height', height * fig.ratio);\n",
       "            }\n",
       "            canvas.setAttribute(\n",
       "                'style',\n",
       "                'width: ' + width + 'px; height: ' + height + 'px;'\n",
       "            );\n",
       "\n",
       "            rubberband_canvas.setAttribute('width', width);\n",
       "            rubberband_canvas.setAttribute('height', height);\n",
       "\n",
       "            // And update the size in Python. We ignore the initial 0/0 size\n",
       "            // that occurs as the element is placed into the DOM, which should\n",
       "            // otherwise not happen due to the minimum size styling.\n",
       "            if (fig.ws.readyState == 1 && width != 0 && height != 0) {\n",
       "                fig.request_resize(width, height);\n",
       "            }\n",
       "        }\n",
       "    });\n",
       "    this.resizeObserverInstance.observe(canvas_div);\n",
       "\n",
       "    function on_mouse_event_closure(name) {\n",
       "        return function (event) {\n",
       "            return fig.mouse_event(event, name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mousedown',\n",
       "        on_mouse_event_closure('button_press')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseup',\n",
       "        on_mouse_event_closure('button_release')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'dblclick',\n",
       "        on_mouse_event_closure('dblclick')\n",
       "    );\n",
       "    // Throttle sequential mouse events to 1 every 20ms.\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mousemove',\n",
       "        on_mouse_event_closure('motion_notify')\n",
       "    );\n",
       "\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseenter',\n",
       "        on_mouse_event_closure('figure_enter')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseleave',\n",
       "        on_mouse_event_closure('figure_leave')\n",
       "    );\n",
       "\n",
       "    canvas_div.addEventListener('wheel', function (event) {\n",
       "        if (event.deltaY < 0) {\n",
       "            event.step = 1;\n",
       "        } else {\n",
       "            event.step = -1;\n",
       "        }\n",
       "        on_mouse_event_closure('scroll')(event);\n",
       "    });\n",
       "\n",
       "    canvas_div.appendChild(canvas);\n",
       "    canvas_div.appendChild(rubberband_canvas);\n",
       "\n",
       "    this.rubberband_context = rubberband_canvas.getContext('2d');\n",
       "    this.rubberband_context.strokeStyle = '#000000';\n",
       "\n",
       "    this._resize_canvas = function (width, height, forward) {\n",
       "        if (forward) {\n",
       "            canvas_div.style.width = width + 'px';\n",
       "            canvas_div.style.height = height + 'px';\n",
       "        }\n",
       "    };\n",
       "\n",
       "    // Disable right mouse context menu.\n",
       "    this.rubberband_canvas.addEventListener('contextmenu', function (_e) {\n",
       "        event.preventDefault();\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 toolbar = document.createElement('div');\n",
       "    toolbar.classList = 'mpl-toolbar';\n",
       "    this.root.appendChild(toolbar);\n",
       "\n",
       "    function on_click_closure(name) {\n",
       "        return function (_event) {\n",
       "            return fig.toolbar_button_onclick(name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    function on_mouseover_closure(tooltip) {\n",
       "        return function (event) {\n",
       "            if (!event.currentTarget.disabled) {\n",
       "                return fig.toolbar_button_onmouseover(tooltip);\n",
       "            }\n",
       "        };\n",
       "    }\n",
       "\n",
       "    fig.buttons = {};\n",
       "    var buttonGroup = document.createElement('div');\n",
       "    buttonGroup.classList = 'mpl-button-group';\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",
       "            /* Instead of a spacer, we start a new button group. */\n",
       "            if (buttonGroup.hasChildNodes()) {\n",
       "                toolbar.appendChild(buttonGroup);\n",
       "            }\n",
       "            buttonGroup = document.createElement('div');\n",
       "            buttonGroup.classList = 'mpl-button-group';\n",
       "            continue;\n",
       "        }\n",
       "\n",
       "        var button = (fig.buttons[name] = document.createElement('button'));\n",
       "        button.classList = 'mpl-widget';\n",
       "        button.setAttribute('role', 'button');\n",
       "        button.setAttribute('aria-disabled', 'false');\n",
       "        button.addEventListener('click', on_click_closure(method_name));\n",
       "        button.addEventListener('mouseover', on_mouseover_closure(tooltip));\n",
       "\n",
       "        var icon_img = document.createElement('img');\n",
       "        icon_img.src = '_images/' + image + '.png';\n",
       "        icon_img.srcset = '_images/' + image + '_large.png 2x';\n",
       "        icon_img.alt = tooltip;\n",
       "        button.appendChild(icon_img);\n",
       "\n",
       "        buttonGroup.appendChild(button);\n",
       "    }\n",
       "\n",
       "    if (buttonGroup.hasChildNodes()) {\n",
       "        toolbar.appendChild(buttonGroup);\n",
       "    }\n",
       "\n",
       "    var fmt_picker = document.createElement('select');\n",
       "    fmt_picker.classList = 'mpl-widget';\n",
       "    toolbar.appendChild(fmt_picker);\n",
       "    this.format_dropdown = fmt_picker;\n",
       "\n",
       "    for (var ind in mpl.extensions) {\n",
       "        var fmt = mpl.extensions[ind];\n",
       "        var option = document.createElement('option');\n",
       "        option.selected = fmt === mpl.default_extension;\n",
       "        option.innerHTML = fmt;\n",
       "        fmt_picker.appendChild(option);\n",
       "    }\n",
       "\n",
       "    var status_bar = document.createElement('span');\n",
       "    status_bar.classList = 'mpl-message';\n",
       "    toolbar.appendChild(status_bar);\n",
       "    this.message = status_bar;\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",
       "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",
       "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], msg['forward']);\n",
       "        fig.send_message('refresh', {});\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_rubberband = function (fig, msg) {\n",
       "    var x0 = msg['x0'] / fig.ratio;\n",
       "    var y0 = (fig.canvas.height - msg['y0']) / fig.ratio;\n",
       "    var x1 = msg['x1'] / fig.ratio;\n",
       "    var y1 = (fig.canvas.height - msg['y1']) / fig.ratio;\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,\n",
       "        0,\n",
       "        fig.canvas.width / fig.ratio,\n",
       "        fig.canvas.height / fig.ratio\n",
       "    );\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",
       "    fig.rubberband_canvas.style.cursor = msg['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.handle_history_buttons = function (fig, msg) {\n",
       "    for (var key in msg) {\n",
       "        if (!(key in fig.buttons)) {\n",
       "            continue;\n",
       "        }\n",
       "        fig.buttons[key].disabled = !msg[key];\n",
       "        fig.buttons[key].setAttribute('aria-disabled', !msg[key]);\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_navigate_mode = function (fig, msg) {\n",
       "    if (msg['mode'] === 'PAN') {\n",
       "        fig.buttons['Pan'].classList.add('active');\n",
       "        fig.buttons['Zoom'].classList.remove('active');\n",
       "    } else if (msg['mode'] === 'ZOOM') {\n",
       "        fig.buttons['Pan'].classList.remove('active');\n",
       "        fig.buttons['Zoom'].classList.add('active');\n",
       "    } else {\n",
       "        fig.buttons['Pan'].classList.remove('active');\n",
       "        fig.buttons['Zoom'].classList.remove('active');\n",
       "    }\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",
       "            var img = evt.data;\n",
       "            if (img.type !== 'image/png') {\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",
       "                img.type = 'image/png';\n",
       "            }\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",
       "\n",
       "            fig.imageObj.src = (window.URL || window.webkitURL).createObjectURL(\n",
       "                img\n",
       "            );\n",
       "            fig.updated_canvas_event();\n",
       "            fig.waiting = false;\n",
       "            return;\n",
       "        } else if (\n",
       "            typeof evt.data === 'string' &&\n",
       "            evt.data.slice(0, 21) === 'data:image/png;base64'\n",
       "        ) {\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(\n",
       "                \"No handler for the '\" + msg_type + \"' message type: \",\n",
       "                msg\n",
       "            );\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(\n",
       "                    \"Exception inside the 'handler_\" + msg_type + \"' callback:\",\n",
       "                    e,\n",
       "                    e.stack,\n",
       "                    msg\n",
       "                );\n",
       "            }\n",
       "        }\n",
       "    };\n",
       "};\n",
       "\n",
       "// from https://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",
       "    }\n",
       "    if (e.target) {\n",
       "        targ = e.target;\n",
       "    } else if (e.srcElement) {\n",
       "        targ = e.srcElement;\n",
       "    }\n",
       "    if (targ.nodeType === 3) {\n",
       "        // defeat Safari bug\n",
       "        targ = targ.parentNode;\n",
       "    }\n",
       "\n",
       "    // pageX,Y are the mouse positions relative to the document\n",
       "    var boundingRect = targ.getBoundingClientRect();\n",
       "    var x = e.pageX - (boundingRect.left + document.body.scrollLeft);\n",
       "    var y = e.pageY - (boundingRect.top + document.body.scrollTop);\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",
       " * https://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",
       "        }\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",
       "        this.canvas.focus();\n",
       "        this.canvas_div.focus();\n",
       "    }\n",
       "\n",
       "    var x = canvas_pos.x * this.ratio;\n",
       "    var y = canvas_pos.y * this.ratio;\n",
       "\n",
       "    this.send_message(name, {\n",
       "        x: x,\n",
       "        y: y,\n",
       "        button: event.button,\n",
       "        step: event.step,\n",
       "        guiEvent: simpleKeys(event),\n",
       "    });\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",
       "    // Prevent repeat events\n",
       "    if (name === 'key_press') {\n",
       "        if (event.key === this._key) {\n",
       "            return;\n",
       "        } else {\n",
       "            this._key = event.key;\n",
       "        }\n",
       "    }\n",
       "    if (name === 'key_release') {\n",
       "        this._key = null;\n",
       "    }\n",
       "\n",
       "    var value = '';\n",
       "    if (event.ctrlKey && event.key !== 'Control') {\n",
       "        value += 'ctrl+';\n",
       "    }\n",
       "    else if (event.altKey && event.key !== 'Alt') {\n",
       "        value += 'alt+';\n",
       "    }\n",
       "    else if (event.shiftKey && event.key !== 'Shift') {\n",
       "        value += 'shift+';\n",
       "    }\n",
       "\n",
       "    value += 'k' + event.key;\n",
       "\n",
       "    this._key_event_extra(event, name);\n",
       "\n",
       "    this.send_message(name, { key: value, 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",
       "\n",
       "///////////////// REMAINING CONTENT GENERATED BY embed_js.py /////////////////\n",
       "// prettier-ignore\n",
       "var _JSXTOOLS_RESIZE_OBSERVER=function(A){var t,i=new WeakMap,n=new WeakMap,a=new WeakMap,r=new WeakMap,o=new Set;function s(e){if(!(this instanceof s))throw new TypeError(\"Constructor requires 'new' operator\");i.set(this,e)}function h(){throw new TypeError(\"Function is not a constructor\")}function c(e,t,i,n){e=0 in arguments?Number(arguments[0]):0,t=1 in arguments?Number(arguments[1]):0,i=2 in arguments?Number(arguments[2]):0,n=3 in arguments?Number(arguments[3]):0,this.right=(this.x=this.left=e)+(this.width=i),this.bottom=(this.y=this.top=t)+(this.height=n),Object.freeze(this)}function d(){t=requestAnimationFrame(d);var s=new WeakMap,p=new Set;o.forEach((function(t){r.get(t).forEach((function(i){var r=t instanceof window.SVGElement,o=a.get(t),d=r?0:parseFloat(o.paddingTop),f=r?0:parseFloat(o.paddingRight),l=r?0:parseFloat(o.paddingBottom),u=r?0:parseFloat(o.paddingLeft),g=r?0:parseFloat(o.borderTopWidth),m=r?0:parseFloat(o.borderRightWidth),w=r?0:parseFloat(o.borderBottomWidth),b=u+f,F=d+l,v=(r?0:parseFloat(o.borderLeftWidth))+m,W=g+w,y=r?0:t.offsetHeight-W-t.clientHeight,E=r?0:t.offsetWidth-v-t.clientWidth,R=b+v,z=F+W,M=r?t.width:parseFloat(o.width)-R-E,O=r?t.height:parseFloat(o.height)-z-y;if(n.has(t)){var k=n.get(t);if(k[0]===M&&k[1]===O)return}n.set(t,[M,O]);var S=Object.create(h.prototype);S.target=t,S.contentRect=new c(u,d,M,O),s.has(i)||(s.set(i,[]),p.add(i)),s.get(i).push(S)}))})),p.forEach((function(e){i.get(e).call(e,s.get(e),e)}))}return s.prototype.observe=function(i){if(i instanceof window.Element){r.has(i)||(r.set(i,new Set),o.add(i),a.set(i,window.getComputedStyle(i)));var n=r.get(i);n.has(this)||n.add(this),cancelAnimationFrame(t),t=requestAnimationFrame(d)}},s.prototype.unobserve=function(i){if(i instanceof window.Element&&r.has(i)){var n=r.get(i);n.has(this)&&(n.delete(this),n.size||(r.delete(i),o.delete(i))),n.size||r.delete(i),o.size||cancelAnimationFrame(t)}},A.DOMRectReadOnly=c,A.ResizeObserver=s,A.ResizeObserverEntry=h,A}; // eslint-disable-line\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\", \"Left button pans, Right button zooms\\nx/y fixes axis, CTRL fixes aspect\", \"fa fa-arrows icon-move\", \"pan\"], [\"Zoom\", \"Zoom to rectangle\\nx/y fixes axis\", \"fa fa-square-o icon-check-empty\", \"zoom\"], [\"\", \"\", \"\", \"\"], [\"Download\", \"Download plot\", \"fa fa-floppy-o icon-save\", \"download\"]];\n",
       "\n",
       "mpl.extensions = [\"eps\", \"jpeg\", \"pgf\", \"pdf\", \"png\", \"ps\", \"raw\", \"svg\", \"tif\"];\n",
       "\n",
       "mpl.default_extension = \"png\";/* global mpl */\n",
       "\n",
       "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.binaryType = comm.kernel.ws.binaryType;\n",
       "    ws.readyState = comm.kernel.ws.readyState;\n",
       "    function updateReadyState(_event) {\n",
       "        if (comm.kernel.ws) {\n",
       "            ws.readyState = comm.kernel.ws.readyState;\n",
       "        } else {\n",
       "            ws.readyState = 3; // Closed state.\n",
       "        }\n",
       "    }\n",
       "    comm.kernel.ws.addEventListener('open', updateReadyState);\n",
       "    comm.kernel.ws.addEventListener('close', updateReadyState);\n",
       "    comm.kernel.ws.addEventListener('error', updateReadyState);\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",
       "        var data = msg['content']['data'];\n",
       "        if (data['blob'] !== undefined) {\n",
       "            data = {\n",
       "                data: new Blob(msg['buffers'], { type: data['blob'] }),\n",
       "            };\n",
       "        }\n",
       "        // Pass the mpl event to the overridden (by mpl) onmessage function.\n",
       "        ws.onmessage(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 = document.getElementById(id);\n",
       "    var ws_proxy = comm_websocket_adapter(comm);\n",
       "\n",
       "    function ondownload(figure, _format) {\n",
       "        window.open(figure.canvas.toDataURL());\n",
       "    }\n",
       "\n",
       "    var fig = new mpl.figure(id, ws_proxy, ondownload, element);\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;\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",
       "    fig.cell_info[0].output_area.element.on(\n",
       "        'cleared',\n",
       "        { fig: fig },\n",
       "        fig._remove_fig_handler\n",
       "    );\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_close = function (fig, msg) {\n",
       "    var width = fig.canvas.width / fig.ratio;\n",
       "    fig.cell_info[0].output_area.element.off(\n",
       "        'cleared',\n",
       "        fig._remove_fig_handler\n",
       "    );\n",
       "    fig.resizeObserverInstance.unobserve(fig.canvas_div);\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.innerHTML =\n",
       "        '<img src=\"' + dataURL + '\" width=\"' + width + '\">';\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 width = this.canvas.width / this.ratio;\n",
       "    var dataURL = this.canvas.toDataURL();\n",
       "    this.cell_info[1]['text/html'] =\n",
       "        '<img src=\"' + dataURL + '\" width=\"' + width + '\">';\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 () {\n",
       "        fig.push_to_output();\n",
       "    }, 1000);\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._init_toolbar = function () {\n",
       "    var fig = this;\n",
       "\n",
       "    var toolbar = document.createElement('div');\n",
       "    toolbar.classList = 'btn-toolbar';\n",
       "    this.root.appendChild(toolbar);\n",
       "\n",
       "    function on_click_closure(name) {\n",
       "        return function (_event) {\n",
       "            return fig.toolbar_button_onclick(name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    function on_mouseover_closure(tooltip) {\n",
       "        return function (event) {\n",
       "            if (!event.currentTarget.disabled) {\n",
       "                return fig.toolbar_button_onmouseover(tooltip);\n",
       "            }\n",
       "        };\n",
       "    }\n",
       "\n",
       "    fig.buttons = {};\n",
       "    var buttonGroup = document.createElement('div');\n",
       "    buttonGroup.classList = 'btn-group';\n",
       "    var button;\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",
       "            /* Instead of a spacer, we start a new button group. */\n",
       "            if (buttonGroup.hasChildNodes()) {\n",
       "                toolbar.appendChild(buttonGroup);\n",
       "            }\n",
       "            buttonGroup = document.createElement('div');\n",
       "            buttonGroup.classList = 'btn-group';\n",
       "            continue;\n",
       "        }\n",
       "\n",
       "        button = fig.buttons[name] = document.createElement('button');\n",
       "        button.classList = 'btn btn-default';\n",
       "        button.href = '#';\n",
       "        button.title = name;\n",
       "        button.innerHTML = '<i class=\"fa ' + image + ' fa-lg\"></i>';\n",
       "        button.addEventListener('click', on_click_closure(method_name));\n",
       "        button.addEventListener('mouseover', on_mouseover_closure(tooltip));\n",
       "        buttonGroup.appendChild(button);\n",
       "    }\n",
       "\n",
       "    if (buttonGroup.hasChildNodes()) {\n",
       "        toolbar.appendChild(buttonGroup);\n",
       "    }\n",
       "\n",
       "    // Add the status bar.\n",
       "    var status_bar = document.createElement('span');\n",
       "    status_bar.classList = 'mpl-message pull-right';\n",
       "    toolbar.appendChild(status_bar);\n",
       "    this.message = status_bar;\n",
       "\n",
       "    // Add the close button to the window.\n",
       "    var buttongrp = document.createElement('div');\n",
       "    buttongrp.classList = 'btn-group inline pull-right';\n",
       "    button = document.createElement('button');\n",
       "    button.classList = 'btn btn-mini btn-primary';\n",
       "    button.href = '#';\n",
       "    button.title = 'Stop Interaction';\n",
       "    button.innerHTML = '<i class=\"fa fa-power-off icon-remove icon-large\"></i>';\n",
       "    button.addEventListener('click', function (_evt) {\n",
       "        fig.handle_close(fig, {});\n",
       "    });\n",
       "    button.addEventListener(\n",
       "        'mouseover',\n",
       "        on_mouseover_closure('Stop Interaction')\n",
       "    );\n",
       "    buttongrp.appendChild(button);\n",
       "    var titlebar = this.root.querySelector('.ui-dialog-titlebar');\n",
       "    titlebar.insertBefore(buttongrp, titlebar.firstChild);\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._remove_fig_handler = function (event) {\n",
       "    var fig = event.data.fig;\n",
       "    if (event.target !== this) {\n",
       "        // Ignore bubbled events from children.\n",
       "        return;\n",
       "    }\n",
       "    fig.close_ws(fig, {});\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._root_extra_style = function (el) {\n",
       "    el.style.boxSizing = 'content-box'; // override notebook setting of border-box.\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._canvas_extra_style = function (el) {\n",
       "    // this is important to make the div 'focusable\n",
       "    el.setAttribute('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",
       "    } else {\n",
       "        // location in version 2\n",
       "        IPython.keyboard_manager.register_events(el);\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._key_event_extra = function (event, _name) {\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",
       "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(\n",
       "        'matplotlib',\n",
       "        mpl.mpl_figure_comm\n",
       "    );\n",
       "}\n"
      ],
      "text/plain": [
       "<IPython.core.display.Javascript object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAGQCAYAAADr8i+wAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAyKADAAQAAAABAAABkAAAAABYZGo6AAAsiUlEQVR4Ae1dB9QVxdkePj6pooAgSJGqooCxIAiiIBEbCkFAjxJBDTHGlqPElniUX2OJCZKcEErAgqISpWgwomgE7IFIDEVRAUURAQsoHcT955lkl7332727e+/s3i3Pe8733d0p77zzzLw7/Z1qhiRBIgJEwBGBCkdXOhIBIqAQoIKwIhCBAghQQQqAQy8iQAVhHSACBRCgghQAJ2yv+fPni2rVqqm/3r17h50c+ReBQGURcTIbZf369eK5554TL7/8svjPf/4jvvrqK/W33377ifr164tDDz1UHHvssaJHjx7inHPOEQceeGDqsPr444/Fiy++KBYsWCCWLl0qPvnkE7F161ZRr1490aJFC9G9e3dx0UUXiV69eqUj75jmJRVG4LPPPjOuuuoqo2bNmpgS9/VXo0YNY8iQIYasRK7M582bZ/GSFco1XBgerVq1stL+6KOPPJNYvHix0bVrVyuOFw6yRTTWrFnjyTfuAdiCeHzn8KUcPHiw+PLLL3NCHnbYYaJDhw7ioIMOEhUVFWLDhg1i9erV4r333lPhdu/eLZ566ikxffp0sWjRInH88cfnxE/ay/vvvy8WLlyYI/bhhx8uOnXqJBo1aiQ2b94s3njjDbF27VoVBt1HtCavvvqqaNu2bU68JL1QQQqU1uzZs8WgQYPEnj17VKi6desK2ZKIq6++WrRs2dIx5rp16wTi/eEPfxArVqwQ8gspduzY4Rg2iY7t27cXI0aMED/+8Y9F8+bNc7Lw/fffi4ceekhce+21Yvv27QJYDB06VCkOxlqJpLg3ceWS78MPPzTkGMLqUsivoCErvG9xZGUxHnvsMUO2MIb8ijrGS1IXS7YIhqz8xnfffeeYF7vjzJkzLdykUhjPP/+83TtRz/jCkRwQ6NOnj1XIUBQ5OHUI5e30+eefGxjDOFGSFMRJ/kJu9vHKNddcUyhorP0SP8179NFHW1OlTzzxhO9W/LLLLrPijRw5Mice+tqYqTLpvvvuE3JQa74G+m3atKlo1qxZoDj2wMVMBZtTx/ndGsxAmX5yAG0l06ZNG8vd9Mcv0i6WTjrpJCsq0k0qJV5B0Mc1SXZpzMeCvzt37hQzZsywwqA/bafx48dbrw0bNhTDhg2z3vngDwG7cu7du9dfpBiGSvwgHQryq1/9SmCA+MILL6jZJsyqFCIMor/99lsV5KijjlJrF/bwsutjvQ4YMEDUqlXLek/ywwEHHKAmGZCHRx55RGzZskVlBx8ArGPkU/4gPN+/0DvWSExym9Aw/WP9G+sOoE/hMOcuQVZ/Y8eO9YzVv39/K/zdd9+dE14ufFl+4DlhwoQcf50vfsYgfsLky2RigV83CroO4sbHyR0YVq9e3cJRTnc7BUuEW+K7WLISqClH/IK8ullff/21kLMqKiy6AVj1tZO9bw73I4880u7NZx8IXHfddcLsVmF3wbnnnusjVjyDJL6LBVixkIe1CYwt3nzzTbVg57Y49eSTTwos4oFOPvnkKoNvKJCdsIXEi/74xz8KOS3sGgyLif/3f//n6p8mjylTpuSM7+655x4hdyAkNoupUBDsecLeJ6xagx5//HFx6623OhaKvYXJH5wjgtkvNyNjcdCLZs2apfYmuYXDDFgWFORf//qXuOKKKywYLrjggiottOWZkIdUdLGAtb2y25XAXg7oPr3++uvKCV81uVfK7q2e8wer27ZtqxKGDlURkPu5VFcKrTioc+fOYuLEiVUDJswlNQpy9tlnq31RwB9bPN5+++0qRQHFkSND5d6vXz+1Azc/EKZ17YQ9Rl6E9QLwtf9hy0VWSC6Gir59+wrsdgahe4sZxTTsZk6NgmDLub1FcGpF7G72FsdekfMXBM3Nh/YwfN6HALb8QzlWrVqlHA855BDx0ksvCfymgVKjICgMe6WfNm2aNZMCv3//+9/i3XffxaNo0KCBQAviRJiztytJ/g5WpzhxcsN6UFSEtaQzzzxTLF++XCWJyQicFcHKfFooVQqC7Q3m7BWafft2kalTp1plhpZGntew3vMfTj31VMvpmWeeUbNjlkPED2gZTZIbBc1H199vvvnG1U+nB8Zm6NZiYA7CIiS6VR07dtSZTNl5pUpBgKZ9XcPsUuGrihbFJHtLY7rZf+0zMehCPProo3bvSJ/tkwaQxYvsK9iFwtq3ghQK5+SHgbhcbLUmPOrUqaNOWib9zItTXlOnIBdffLGVT7ntWp3FQEuCswkgdJ969uxphXF66Natm5Cr85bXjTfeKD799FPrPcqH1q1bq42ESHPlypXqeGuh9LHO44fs22fM8y5+4iEszsiYrTNmA9HK2jcn+uGTlDCpUxCccuvSpYvCH2saf/vb33JW17F3y8/X8y9/+YvqNoARZrLk9veCi4FhFTi6LkcccYRijy6W2So6pYdx1qRJk5y8qrhhvGCS3I5vPhb8xeo4WmicywdVVlYKKORpp51WMF6iPROxISagkPI0n7UPSBaeISuZ9S4H6r65Pf3004asBFbc/fff37jlllsM2Zq48pB9c3VQSiqqFU+2Wo7h/e6zuuOOOyxecmXf8QCWrLSG3KRZ5dy8Y8LSUXYjLZ4///nP3YJZ7jgAdskll1hx5DFjQx4vsPzT+lANGUu0hjsIv3HjRnUcNH9Qe9xxxzmujziwsJzQlcCgPn8LCloq7NPCugkG0mitcCZ9yZIlOUdscV4dR1DHjBlj8TQfsH5iTgjACgjenQgDb+w6NruJaAHRpcGZeIwHMFDG2g8I6y+XXnqpxcateDEVi+lZk9CtBD4YT5gkFUe0a9dOvY4bN87aCQwHnMk//fTTzaAFfxO91Satmi+nH62vnSw99Xz//fcXlV20GPjiwlKJycvrFxZQzj//fEOaB3JN028LAgZy4VO1EG7pQrY///nPKi17GNfEpYecrCiYH8hn0u23314wrD3N/Ge3FtTkHedf9/3QcZbah2yyr55ToNh+jeOvpZD8ghuyj29ceOGFhpzONJo0aWLI1sOQ+7UMaRNKmcVBd+Xhhx82ZIvjmVQQBQEzaVnFkGdfDLmNw0B3T37tDXTlYJJIrkVY6dkrqOXo8IBuE7pJch+bkl8O3HMwo4IYRiq7WLKCkIiAFgRSN4ulBRUyIQL/Q4AKwqpABAogQAUpAA69iAAVhHWACBRAgApSABx6EQEqCOsAESiAABWkADj0IgJUENYBIlAAASpIAXDoRQSoIKwDRKAAAnKLUvVRqblPrkBG6UUEikGgutyQNgqXL2KrM4kIEIFcBKrJVwNWPnCWwY+ZzdzofCMC6UZAjUE2bdokHnjggXTnlLkjAkUgUA3HUWHfCHd7m2Y5i+DjGAWn3UwrG40bN1ZnmB0D0pEIlIgATo9+8cUXigvMntqNUpTEWh6bVIdkcPZaWj13OFZTvJM0upZzAEcKyndiEHodQL3TRRU41wyCBhYy4a8C8R8RyBgClfbrsWD7CcYB/JJ5abxbeLvRBJjwTIu9Vrf80l0/ArIlUHe+yGPMynKj3bQqDGLA9Onw4cMF7IfB8AQI3XldVGm//2Lr1q2B+NqVyysilAPTySQi4BeBxYsXqwtUTdu/+fGgLLDRhT9YmTEJ9rp0UaX99p8dO3bo4ks+RKAkBGAEe+DAgcLv/SwffPBBSem5Ra7ctWuX5Ve7dm3r2c+DlzlOGJCWF8r7YcUwRMBCAC1HEOWwIobwUGnXUGlKJlAS7DIFgouB8xCQdsoE/vJpw4YNatIo370c75X2ViDImKIcwjLNdCGA9Te/doHLlfNK02QlBjbt27cvlxxMN4MIwDB38+bNc3IOE69xGgtbK+ndu3cXb7zxRo6wpb5gGthsldBSsUtWKqKlx8dXG+WCGUt0qVEmqKhxIMiGfYH2qdxi5NJZ1yohFAiDIlLyEHDrx+fnBJMxGG86fZ0xOYPpfvuMZn588/36668X+NNFM2bMUIa9ccchtoqUqhy65DL5qAlj7OIdMWKE6cbfBCGgox8PpXFSHCcYzA+qk5+TGyo8rog2rcTnh3nttde07wHMT6OUd6Ug9957r2raSmHEuOVBwKkfb0qCVgPXtmE12i/hagVcV+DWmvjpjs2ZM0fccMMN6lYuXAshD+UJt1usfvjDHwp5n4tf8aIPB7P2YZHsC1ob0/BMig4BXJcAq/OyRgX+QzzEdyN5X4nx97//3c3bkBemVknTzbK+bLmqhC1GZnscnXUt1OsPqCCudShUD9mtUdcz2CtN0OdOnToZ4GPSokWLDDnhknODFRTFiWSrVaXST548uUrQ0aNHG3IWS93ihWskcJ0DfoPKmh9ep4LQaINEN22Em6rc9i/5zeuyZcvEggULrOAHH3yw6jLZd17MnTvX8rc/4Nat/Gu2MdbIJ3P8hE2t6IJt377dtSuWHzeqdzUGiSoxphMNArguTQeBj3nb76GHHqrGErjI0yRcTzd48GDzNee3X79+atYMO2zPOOMMgWWEfHIbP8VpJZ1drCoNf7Id0O3BbVqyMpb8Bz72bpRsRXJ4yjsOQwGrlPET8q2zi8UWJP+zlvB3LALav/KlZAd8sBXEnLnCUsDHH38sTjnlFIEWIqyFX1jYmTVrViw2LFJBSqlBMYwb9EyPVxYwTWvSXXfdZT6G/osbeF955ZWC50HsQuAu+ffff9/upOWZg3QtMMaHSdAd2V6S16tXzytIaP5oSWD0Q9puU2MdrKfYCfsHcUU3/HF+JAxiCxIGqmXkiW4PKpKObhYqYP5mwqizhoVLTBTgz5z1QqsGxYVsZvfP6/h3sXJTQYpFLqbxUGGwr2769OklSwg+ZgUsmZkGBpAlannYxdJQcHFjceWVV2oRSRcfLcKUiQkVpEzAh5ksuiNBrNM4ySJX0gWNmgtBBXGqHQl3Q7/90UcfFXLrRlE5wdb3KVOmCPDJOlFBUloDMAP09NNPB1YSKAfWIGjt/78VgwqScAXBeQtpMtYxF1hLePXVV0XHjh0d/fMd0a3C2gPikf6LAGexElwTsMmvtbQouH79etGkSZOCXaJGjRqpY7YwKJ5P5olCWPnv379/vnfOu+4ThTnMY/hCBYlhofgRCRUdX3zTKsi6dev8RHMME+aJQscEE+RIBUlQYdlFhdHxNWvW2J3UFnOddmlzmP/vJep1CCcZonSjgkSJtsa0rrjiCnHLLbfkcLzsssvE+PHjc9z4UhoCHKSXhl/ZYt98883iuuuus9KXR6epHBYa+h7YgujDMnJOMPmzefNm0aVLF8FV73Dgp4KEg2tkXB988MHI0spiQlQQWep+ja/pqiBBpkofeughgTPeAwYM0JU8+QRAgAoiwTK3UQfAraSgfo2vwV4ZBuK4SQkGFHr27FlSuowcHAEqiMQMU5d+zz1g5Rr3ntgJt2ehEvslP1OlI0eOtK4GQJp9+vQRuDcDax+k6BCohlP3YSWXRuPVsB8LEzh22rhxo9Z78bBCDuuG+S3Nscceq5TEnjaf/4tAWHXN/2ePJREZAjjJ98477+Tc9Q2zO9gnRYoWASpItHj7Tq1NmzbqdlcoCzYb4opu3efNfQuT4YAcg8S48I855hjx7rvvKsvoQcY4Mc5S4kRjC1LmInPaXWsX6bDDDgs0AWCPy+fSEaCClI5h0RwwsMQM2DnnnFM0D0YMFwEqSLj4unKHcenDDz9cbRWRVwmISy+91DUsPcqHABWkDNjjokocabXf6vTwww+Lm266qQzSMMlCCFBBCqETkh+2jpx55pk53GEggefAcyCJxQsVpEzF8Mwzz1hXAsAS4gsvvCAuuOCCMknDZN0QoIK4IROBOy6VwR19b731Fg0lRIB3MUlwHaQY1DTFwdrGSy+9pIkb2YSBQGQKcsIJJyijyroyEWTLuK40i+EDOa+55hqBlXFS8hCITEFgmkYn5W/k08lbF6+zzz5b4ErkSZMmiVWrVlXZ5KgrHfIJD4HIFKRp06ZWCxLVlvHwYMvlDHP8dmsiyN+JJ54o5M2wKiAutcF+qo8++oj7qXKhi/9bKJfM/Y+p2zXQcnt4zl13EiUDbnEmWekNeWmlIVe9q8guxxKGvMxS+SOcvCHWgBvyZf+TRhbinMVEy+ZW10rNFGexfHzDcFCpc+fO6tDSs88+WyUGWgzcx4FDTQiHq5Jh39Zu/BlHZnG0l5QsBKggHuWFq71waaXfe8cRDuFhzhNjDxAuv4QhaVLyEIhsDJI8aIQ6vYdblrZt2xZIfIRHPBxwWrlypdquHogBA8cGAbYgLkUh+67qhtWgymGyQ7zhw4eLtm3bmk78TSACVBCXQps/f77vbpULCyEH68oaiZs/3eOPABXEpYzGjRvn4hPMWRefYKkytC4EqCAOSGIRErNQOmjmzJlVrJPo4Ese0SBABXHAGSf9dNwzDtbgY97h4ZAUnWKOQAXm6tHfJu1DACvfOgkr7aRkIsAWxKHcdJvXqVevnkMqdEoCApVLly7lTtO8kmrRooWyJIIV8lIJdq38mjUtNS3G149AJW295oIKpcDZcB3KAc5YMPRjizdXCr7FBQF2sfJKYsyYMWLChAl5rsW/8mKb4rGLQ0wqSF4p4Foz+9b1PO9Ar2ide/XqFSgOA8cLASpIXnngGCx25pZKdevWFVOmTMnZ0VsqT8aPHoHMblbEVK7bbBV24w4dOlS0atVK9O7dW40jguzJgnJgoZFmfKKv0LpTrIT5mWKv98KCWiHKv2imUNio/Hbv3q02IT711FPijTfeEN26dXNMeurUqZY7duUOGzbM194sdKvQclA5LPiS/SBtMhnPPfdcUQevZM5zTswVeseJL5PKdaJQVnpDft0tmaVdXFMkz185q2XMmzfPOPfcc634Zn6B4ZAhQ5Q/wpGiRyCsE4XQbqNZs2bG9u3bA+fKrCB+fuOgIEceeWSVyn3rrbcGyreTckuDDIF4MLB+BMJSEDVIX7duncCmuqAkhRKF/hYuXBiUZajhZ8+eXWXQPHfu3JLT5Ep5yRDGloE1i4VbVIMSVpwL/cG0f5yoXbt24vLLL1ci1ahRQ4wePVr885//jJOIlCVmCFizWGnZcYrZqRUrVoguXbo4Qo3zGbgkEwYUuMLtCBEdbQhYLYjNLbGPY8eOFY0aNVJTs5itciKsc0yePJnK4QQO3aogYCmIHKhX8UyKA6abcRkNTHzC5I55Hjwp8lPO+CJgKUiSt0Sgq/Txxx/noDxt2jSxZMmSHDe+EIGgCCgFgVlQ7DpNKkFB7rnnnhzxYZfKayEzJwJfiIADAhW4vGXixIkC2yOSTCNHjrTOtZx33nkC15zBeDSJCJSCQMWMGTNE//79S+GhJa6fY6l33XWX+PLLL13Tw2WYMBiNPNWqVcs1HD2IgF8EKordh+U3AXs4uX4q5HYNcdlll9md1TPuA5fbNZQ/wtkJlR6n8uSqd8F9Y3Kl3HV6186Pz0TANwL6F/33cbQv/2O/l7wCoMpWDyloFTeEe/vttxWjG264oYq/3GC5L5GIn5y2msTdMn3EEJUlOXtdw7MusmaxfGtUkQEHDRrkazcs2JsGoGE4umfPnlVSxM5aXUdiqzCnAxGwIRCZgtjvBLel7/qItQzMrGErS/fu3a1wMFMk7+Kw3vlABMJEwNpqEmYixfI2F/zkxTUCC5m45w8DcYxXSEQgCgRirSAAAAag0eVas2aNUpIoQGEaRMBEILIulplgMb/YYJjkrTDF5Jlx4oFAIhSEBqDjUVmyKEUiFIQGoLNYNeOR50QoCKDys9IeD0gpRZoQSIyC8FhrmqpdcvKSCAWhAejkVKi0SZoIBaEB6LRVu+TkJ/brIIAybAPQOJ+OPz/ktMXlBz/4gbouwU98hLn++uvVn9/wDFc+BGKvIFEYgMadhKUYrQhqQRLpkZKBQKwVJCoD0DiRGOUlN7SmkgzlgJTVsC04LHFx5LVly5aKPY7ABtmwaBqA7tu3b1jikW+KELDXNRgzxCZXHRTZIB2n/OQ5D18yo1sFg9FUDl9wMVCICESmIJ07dxa4DxEnCqUB6CpZwtl480QhrJHQOnoViOhQBgQiHYPgLAfu20BLcvDBB+dk94MPPhBt27bNceMLESg3ApG1IF4Z5Uq5F0L0LwcCsVGQcmSeaRIBLwSoIF4I0T/TCFBBMl38zLwXAlQQL4Ton2kEqCCZLn5m3gsBKogXQvTPNAJUkEwXPzPvhQAVxAsh+mcaASpIpoufmfdCgArihRD9M40AFSTTxc/MeyFABfFCiP6ZRoAKkuniZ+a9EKCCeCFE/0wjQAXJdPEz814IUEG8EKJ/phGggmS6+Jl5LwSoIF4I0T/TCFBBMl38zLwXAlQQL4Ton2kEqCCZLn5m3gsBKogXQvTPNAJUkEwXPzPvhQAVxAsh+mcagcgsK55wwgkC5kVBvGMj03UuUZmPTEHWr19fEBjesVEQHnqWCYHIFKRp06ZWC6Ijr7xjQweK5OGFQGQKsmjRIm13Nnhliv5EQBcCHKTrQpJ8UolAxZ133pnKjDFTREAHAhW33XabmDx5sg5e5EEEUoeA6mLdeOONYvPmzanLHDNEBEpFQCnIpk2bxAMPPFAqL8YnAqlDoMKcLp05c2bqMscMEYFSEag48cQTFY+FCxeKPXv2lMqP8YlAqhCo6NChg8rQd999Jz788MNUZY6ZIQKlIlDZsmVLiwcuYD/qqKOsd68HXN5eiMDPpKBbScx4/CUCfhCw1y987HVRZd26dS1eW7dutZ79PNiVyyt8165dvYLQnwhoQeCLL74QrVu31sKrombNmhajHTt2WM98IAJEQIjKXbt2WTjUrl3bevbzYO9COYXfuXOnWLFihWjSpIlo3LixqKzct/ULTaLZqmCC4JBDDnFiEUs3yl6eYimEO7pVaDlAnTt31iZg5bZt2yxm+++/v/Xs56FFixaewdq3b+8ZBsrhh5cnozIEoOxlAF0m6YS7rm6VPUcV9lYgyJjCzoTPRCCtCFSgCwRC98fP1z6tQDBfRMAJgYq33npLueNIbI0aNZzC0I0IZBaBim+//VZlfuDAgZkFgRknAm4IqM2K9evXFyNGjHALQ3cikFkElILce++9okGDBpkFgRknAm4IVNx+++3iZz/7mZs/3YlAphGoZkjKNALMPBEogIDqYhXwpxcRyDQCVJBMFz8z74UAFcQLIfpnGgEqSKaLn5n3QoAK4oUQ/TONABUk08XPzHshQAXxQoj+mUaACpLp4mfmvRCQd9pUH9WrVy+vcPQnAplEoPq8efNG4TTfcccdl0kAmGkiUAiBatLTwEbF1atXC+zqJREBIrAPATUGoW3efYDwiQjYEaBtXjsafCYCeQjQNm8eIHwlAnYEaJvXjgafiUAeAqHa5i1kOC5PDr4SgZIQyDccV6tWrZL4mZEjs81rJshfIhA2ArDUCSs9Ooi2eXWgSB6pRSBU27yw2tijRw8FXtLs76a2xFOaMbvdXtiB1kWh2+Y1BXWypWr68ZcI6ETAbiS9VL60zVsqgoyfagRomzfVxcvMlYoAbfOWiiDjpxoB2uZNdfEyc6UioDYr0jZvqTAyfloRUApC27xpLV7mq1QEaJu3VAQZP9UIVIwaNSrVGWTmiEApCNBoQynoMW7qEdh3L3PEWcXNVmvXrhVbt24VuF0X5+IPOOCAiKVgckSgMAKRtiC4aUEaiRCDBw8WDRs2FB07dhTdunVTv3gfMmSI8ueNDIULjb7RIRCZgixdulRd8N6nTx8xY8YMsXfv3pxc4n369OkC/rgIfvHixTn+fCEC5UAgMgUZNGiQWL58ua88Itwpp5wiXnzxRV/hGYgIhIVAZAqyY8eOQHnYtm2bwM27bEkCwcbAmhGITEGKkRtKMnz4cMExSTHoMY4OBGKtIMjgsmXLxIIFC3TklTyIQGAEYq8gyNG4ceMCZ4wRiIAOBBKhIDNnzhRYNyERgagRSISCYAr4s88+ixobpkcERCIUBOW0ZcsWFhcRiByBxChIvXr1IgeHCRKBRCgIrFQ0b96cpUUEIkcgEQqCBUNuZIy8bjBBiUAiFOTKK69kYRGBsiAQewXp1KmT4B2KZakbTFQiEGsFqVu3rpgyZYqoVg03xZGIQPQIRKYgtWvXDpQ7KMesWbN4uWgg1BhYNwKRKQjOgOCAlB9Ct+qVV14Rffv29ROcYYhAaAhEpiA4BIVDU+aJQnk/e06mMJVrnihcsmQJW44cdPhSLgQiPZOOsUTv3r3VH/ZWYfsIVsixCIh1Dk7llqsaMF03BCJVELsQUAYqhB0RPscRgci6WHHMPGUiAl4IUEG8EKJ/phGggmS6+Jl5LwSoIF4I0T/TCFBBMl38zLwXAlQQL4Ton2kEqCCZLn5m3gsBKogXQvTPNAJUkEwXPzPvhQAVxAsh+mcaASpIpoufmfdCgArihRD9M40AFSTTxc/MeyFABfFCiP6ZRoAKkuniZ+a9EKCCeCFE/0wjQAXJdPEz814IUEG8EKJ/phGggmS6+Jl5LwSoIF4I0T/TCFTA0sj8+fMzDQIzTwTcEGAL4oYM3YmARKASxtzatGlDMIgAEXBAoBJmPklEgAg4I8AuljMudCUCCgEqCCsCESiAABWkADj0IgJUENYBIlAAgcpnnnlGDBgwoEAQd6+1a9e6e0qfzz//vKA/PYlA3BGoHDRokJg9e7Y466yzAsvasmXLwHEYgQgkCYGKvXv3ihEjRogdO3YkSW7KSgQiQUDdD7Ju3Toxc+ZMMXTo0ECJfvrppwXDo4vVtWvXgmHoSQTijIB1gc6CBQsCK0iLFi3inDfKRgRKRsCaxcJ1aCQiQARyEbAUJNeZb0SACAABS0GaNWtGRIgAEchDwFKQXr165XnxlQgQAaUgTZs2FQMHDiQaRIAI5CFQUb16dTFx4kRRt27dPC++EgEiUDFjxgzRv39/IkEEiIADAhXF7sNy4EUnIpA6BKxBeupyxgwRAQ0IUEE0gEgW6UWACpLesmXONCBABdEAIlmkFwEqSHrLljnTgAAVRAOIZJFeBKgg6S1b5kwDAlQQDSCSRXoRoIKkt2yZMw0IUEE0gEgW6UWACpLesmXONCBABdEAIlmkFwEqSHrLljnTgAAVRAOIZJFeBKgg6S1b5kwDAlQQDSCSRXoRoIKkt2yZMw0IUEE0gEgW6UWACpLesmXONCBABdEAIlmkFwEqSHrLljnTgAAVRAOIZJFeBKgg6S1b5kwDAlQQDSCSRXoRoIKkt2yZMw0IUEE0gEgW6UWACpLesmXONCBABdEAIlmkFwEqSHrLljnTgAAVRAOIZJFeBKgg6S1b5kwDAlQQDSCSRXoRoIKkt2yZMw0IUEE0gEgW6UWACpLesmXONCBABdEAIlmkFwEqSHrLljnTgAAVRAOIZJFeBKgg6S1b5kwDAlQQDSCSRXoRoIKkt2yZMw0IUEE0gEgW6UWgMr1ZCy9n3377rVi7dq3YunWr2H///UWLFi3EAQccEF6CGjlT9oBg3nHHHUZY9OmnnxpSHPWH5yTT999/b7z88svGoEGDjOrVq1v5Qv7wPnjwYOWPcHGjLMj+ySefWGWis65BnYxJkyaFUqZpUZC3337b6Nixo1UAptI7/SIcwseFsiL74YcfbpWPdgVp0KCBsWnTJu1lmgYFmTt3rlG3bl0LfCelyHdDeMQrN2VNdrMctCsIGP/+97/XXp5JVxB8fYMqh1lIiFfOliSrsgN/rQoiB5fq69ijRw8qiA0B9Nv9dqtMpcj/7dSpk1GOMUnWZdepIJUnnniikE2xWLhwodizZ4/Yb7/9ZDnrp6+++krUrFkzMGPMEtWuXdsx3pdffilknXb083KsU6eOkF95x2Bff/21WLBggVi+fLmjv1/HZcuWKT69e/dWUTZv3qww9hvfHq5GjRriwAMPtDtZz998843YvXu39f7aa69pkX3OnDnihBNOsPgGeZATF6Jhw4aOUbZt2ya2b9/u6KdDdkfGxTpee+21Vv9aVgjbN7T0R3sXS8pnpRPkeezYsa6CNGrUqCieSP/222935XvUUUcVzTc/b0OGDLHS6dWrV9F8MUvmRvDLT1fHe7t27YrmCwzdCNjrkM+Nh9YWpGXLljKd/5JkLGTGzFfPX6wFFKLPP/+8kHds/WQXRZtsM2fOFFh7SMo6iT3jq1evtr9m8rnS3s3AwlcQsitXkHhxD4uupi7au3ev+OyzzxKpILIF0AVDYvlU2McFO3bsSGxGdAquswWBXFu2bNEpHnlFiEDlrl27rOTcBsNWgLwHdMkKEbpYXbt2VUHeeecd0axZs0LBHf0wSHej9957r6RBuhvfqVOnipNOOsnNO7B7vXr1VJynn366pEG6W8KTJ08W48aNU97vv/++OPnkk92CBnbHoFkuwgWOh0G6G91www3iqquuquKtW/YqCRThUIkZBZMKVUYzjP0Xe5D80kEHHSQaN27sN7ivcHKQ7itc0EByelaggNE9KpUqKytF8+bNFZv69euXys4xvn12Cz0CnbJ37txZe/cQ3Xp7197MlE7ZTZ6l/lbYW4G0jimCgoQB9cCBA4NGcwwPPlEO0Cm7YzEU7VixYsUKFRlfuvbt2xfNKG0Rr7zySi1Z0sUniDC60tTFpxyyB0mzYFj5xVFz0t27d3ebti7aHfPRMnH1h+ckUdZXo5O8C0BnXavAHD1IV5dCMUvBv2rVqolHHnnEsa/sJ3voY0+ZMkWAT9SUZdnDwNqQg0dDbq/Q/oFPcgtigpG1HbFSsRO7E1kqh/beChTOmDBhglkftP6mQUEASJAzFeialHMXb34BZkX2I444IpTuvCi0Jykf7KDvaVEQ5Btjknnz5qmTg3Ia1SoMfGDkBIeBPVfwR7i4URZkD+tEYTUUJpqRMAh7tcypY6ks6ux2GOlEzRPjNmwfwQo5FgGxzhHlVG4p+U2r7GHVtVCNNnz33XdWWSZ146KVgbwHKIa5Qo5KZ0525AWL5WsaZbfXL3u9K7UAQlWQL774wpLP3HJiOfCBCISEAOpd69attXCnXSwtMJJJWhEIdQyyc+dOsXTpUoUd9mFhtd4k+0ZGnGY85JBDTK/Y/1L28hRRIdzRrTJ7LNg/VqtWLS1C7quxWtjlMoGQfo5sQjmCbHzMTaW8b5S9PPg74a6rW2XPEbtYdjT4TATyEKCC5AHCVyJgR4AKYkeDz0QgDwEqSB4gfCUCdgSoIHY0+EwE8hCgguQBwlciYEeACmJHg89EIA+BUBcK89LiKxFIHAJsQRJXZBQ4SgSoIFGizbQShwAVJHFFRoGjRIAKEiXaTCtxCFBBEldkFDhKBKggUaLNtBKHABUkcUVGgaNEgAoSJdpMK3EIUEESV2QUOEoEIlOQjRs3imeffVbcdttt4qyzzhK4ugAmMvF3ySWXRJnnwGktXrxY3H333UpumDGCmX5cFYF7MyD7q6++GphnFBFgaWXatGli5MiRQt6PqIyT46oEXAh68MEHC1wuet999wlcsJo0uvHGG636gzo0f/78cLIQlZEzKX2OsTX7+/Dhw6MSI3A6p5xyiqvc9jxcfPHFhryMKDD/MCO8+OKLvmTHZajPP/98mKJo5S0vY1LG+uz4w2hfGBTqmXSZAUfCV/jII49U1087BoiRIwzEgXA7lrSeqG5vOvTQQ9XlOm+++aYYPXq0MiL36KOPChgOePzxx2MkvVCG+0499VRx/PHHq2ec5ZaWFgUMrU2fPl3gklFcp92/f3+xaNEicfTRR8dK/nxhIPtPf/pThTVaQfRMQqUwtM6Jp+xaGbNnzzbWr1+vvD/66CPr6xbnFqRfv37GX//6V0NWfqdsGdKShiG7WlZeXnnlFcdw5XB0k9kuy6xZsyzZzzvvPLtXLJ/HjBmj5O3QoYNxyy23WLKH1YLgjr+yUFIUxA84UHz5FVN/uHc+aYTKBvnR1Yozwf6uHPspWaEQ9vvWw1KQyAbpoTaDZWaOwa5Jq1atMh8T82veFwg7ZnEm3HiFq8plj0NNMEQhKxVEA8q7d++2uFRUJAtS3BSMG4hBsiWx8hG3hyeffFLNgjZs2FD87ne/i0y8ZJVmZLAES2jBggVWhDhXMlPI7du3iw8//FDcf//9AgN48zbfX/ziF2aQWP1u3rxZmLL99re/1X5bcqHMlmUWq5BASfPDrMq9995riX3++edbz3F6ePjhh8Wll17qKtIvf/lLMXToUFf/cnpgzUNO7ogePXqIn/zkJ5GKQgUpEW45qyJgWxiEex67dOlSIsdoox9zzDFC3jAmunXrFm3CPlN77bXXxOTJk5VdZ8iJRcEoiV2sEtBG1+rmm29WHDAnP378+BK4hRv1Rz/6kTIkDmPiUOgnnnhCKTTGH2g5sMshboSx3eWXX46ZVnHdddcJGKWOnMo1rZf0ad5ly5YZDRo0UFOOcuuJIbc6lAvKktKVN/ka8qtsyMkF46GHHiqJl+7I5jSuXJg15OxVFfamv1Qag9O8kX863BOUyi1OP/10sWnTJiHvK1RfY+x1SiLJLTJqhwDGUldffbXKUxzysWLFCnHPPfcoUf70pz8VfR13qXnhGCQgguvWrROnnXaawC/6ww8++GDi75gfMGCAwDTqtm3bxJw5c8RFF10UEBX9wTG2Qxerbdu2ArNu2HSZT7IVt5xefvllNZCHw7nnnqtNoaggFsTeD9iz1LdvX7F69WoVGF+2YcOGeUeMeQhcbmTSmjVrzMey/sqNnyp9YH3hhRd6ynLnnXdaYdDCm4uflmORDxyk+wTum2++EWeccYZ49913VQxM7V511VU+Y8c7mLkhE1JiGz9pHwJUkH1YuD6hiZebFgXOhYB+/etfi5tuusk1fNI8nnrqKUvksswUWanve8C6jRyVF/yTg3QrghykW2Fbt25tuZf6QAXxQBD9YKxvvP766yokVnR/85vfeMSKhzcqmdf+KvT1n3vuOSUwKlbPnj3jIXxMpIhsDIIFn5UrV1rZRn/eJLijMO0Ul1OG6P/OnTtXidanTx+1kmsfHNplxjNO6+GkYRxo1KhR6jThoEGDVMVv166d6kJt2bJFrYk89thjluJD7kmTJuVctBqHPJRdhiqTyyE54MyHzKzvv5DECMw2iMwI26pVq8BphBUBsviRX16gasiPQFhihMY3inWQyFoQWVCkiBH4xz/+IV566SWB/jl27W7YsEGdP8ftw02aNBHYZnLOOecI7B+rU6dOxNIlIzlef5CMcqKUZUKAg/QyAc9kk4EAFSQZ5UQpy4TA/wMq8g4FKDxh9QAAAABJRU5ErkJggg==\" width=\"100\">"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/javascript": [
       "/* Put everything inside the global mpl namespace */\n",
       "/* global mpl */\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(\n",
       "            '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",
       "\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 = document.createElement('div');\n",
       "    this.root.setAttribute('style', 'display: inline-block');\n",
       "    this._root_extra_style(this.root);\n",
       "\n",
       "    parent_element.appendChild(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",
       "        if (fig.ratio !== 1) {\n",
       "            fig.send_message('set_device_pixel_ratio', {\n",
       "                device_pixel_ratio: fig.ratio,\n",
       "            });\n",
       "        }\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",
       "        fig.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 = document.createElement('div');\n",
       "    titlebar.classList =\n",
       "        'ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix';\n",
       "    var titletext = document.createElement('div');\n",
       "    titletext.classList = 'ui-dialog-title';\n",
       "    titletext.setAttribute(\n",
       "        'style',\n",
       "        'width: 100%; text-align: center; padding: 3px;'\n",
       "    );\n",
       "    titlebar.appendChild(titletext);\n",
       "    this.root.appendChild(titlebar);\n",
       "    this.header = titletext;\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._canvas_extra_style = function (_canvas_div) {};\n",
       "\n",
       "mpl.figure.prototype._root_extra_style = function (_canvas_div) {};\n",
       "\n",
       "mpl.figure.prototype._init_canvas = function () {\n",
       "    var fig = this;\n",
       "\n",
       "    var canvas_div = (this.canvas_div = document.createElement('div'));\n",
       "    canvas_div.setAttribute(\n",
       "        'style',\n",
       "        'border: 1px solid #ddd;' +\n",
       "            'box-sizing: content-box;' +\n",
       "            'clear: both;' +\n",
       "            'min-height: 1px;' +\n",
       "            'min-width: 1px;' +\n",
       "            'outline: 0;' +\n",
       "            'overflow: hidden;' +\n",
       "            'position: relative;' +\n",
       "            'resize: both;'\n",
       "    );\n",
       "\n",
       "    function on_keyboard_event_closure(name) {\n",
       "        return function (event) {\n",
       "            return fig.key_event(event, name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    canvas_div.addEventListener(\n",
       "        'keydown',\n",
       "        on_keyboard_event_closure('key_press')\n",
       "    );\n",
       "    canvas_div.addEventListener(\n",
       "        'keyup',\n",
       "        on_keyboard_event_closure('key_release')\n",
       "    );\n",
       "\n",
       "    this._canvas_extra_style(canvas_div);\n",
       "    this.root.appendChild(canvas_div);\n",
       "\n",
       "    var canvas = (this.canvas = document.createElement('canvas'));\n",
       "    canvas.classList.add('mpl-canvas');\n",
       "    canvas.setAttribute('style', 'box-sizing: content-box;');\n",
       "\n",
       "    this.context = canvas.getContext('2d');\n",
       "\n",
       "    var backingStore =\n",
       "        this.context.backingStorePixelRatio ||\n",
       "        this.context.webkitBackingStorePixelRatio ||\n",
       "        this.context.mozBackingStorePixelRatio ||\n",
       "        this.context.msBackingStorePixelRatio ||\n",
       "        this.context.oBackingStorePixelRatio ||\n",
       "        this.context.backingStorePixelRatio ||\n",
       "        1;\n",
       "\n",
       "    this.ratio = (window.devicePixelRatio || 1) / backingStore;\n",
       "\n",
       "    var rubberband_canvas = (this.rubberband_canvas = document.createElement(\n",
       "        'canvas'\n",
       "    ));\n",
       "    rubberband_canvas.setAttribute(\n",
       "        'style',\n",
       "        'box-sizing: content-box; position: absolute; left: 0; top: 0; z-index: 1;'\n",
       "    );\n",
       "\n",
       "    // Apply a ponyfill if ResizeObserver is not implemented by browser.\n",
       "    if (this.ResizeObserver === undefined) {\n",
       "        if (window.ResizeObserver !== undefined) {\n",
       "            this.ResizeObserver = window.ResizeObserver;\n",
       "        } else {\n",
       "            var obs = _JSXTOOLS_RESIZE_OBSERVER({});\n",
       "            this.ResizeObserver = obs.ResizeObserver;\n",
       "        }\n",
       "    }\n",
       "\n",
       "    this.resizeObserverInstance = new this.ResizeObserver(function (entries) {\n",
       "        var nentries = entries.length;\n",
       "        for (var i = 0; i < nentries; i++) {\n",
       "            var entry = entries[i];\n",
       "            var width, height;\n",
       "            if (entry.contentBoxSize) {\n",
       "                if (entry.contentBoxSize instanceof Array) {\n",
       "                    // Chrome 84 implements new version of spec.\n",
       "                    width = entry.contentBoxSize[0].inlineSize;\n",
       "                    height = entry.contentBoxSize[0].blockSize;\n",
       "                } else {\n",
       "                    // Firefox implements old version of spec.\n",
       "                    width = entry.contentBoxSize.inlineSize;\n",
       "                    height = entry.contentBoxSize.blockSize;\n",
       "                }\n",
       "            } else {\n",
       "                // Chrome <84 implements even older version of spec.\n",
       "                width = entry.contentRect.width;\n",
       "                height = entry.contentRect.height;\n",
       "            }\n",
       "\n",
       "            // Keep the size of the canvas and rubber band canvas in sync with\n",
       "            // the canvas container.\n",
       "            if (entry.devicePixelContentBoxSize) {\n",
       "                // Chrome 84 implements new version of spec.\n",
       "                canvas.setAttribute(\n",
       "                    'width',\n",
       "                    entry.devicePixelContentBoxSize[0].inlineSize\n",
       "                );\n",
       "                canvas.setAttribute(\n",
       "                    'height',\n",
       "                    entry.devicePixelContentBoxSize[0].blockSize\n",
       "                );\n",
       "            } else {\n",
       "                canvas.setAttribute('width', width * fig.ratio);\n",
       "                canvas.setAttribute('height', height * fig.ratio);\n",
       "            }\n",
       "            canvas.setAttribute(\n",
       "                'style',\n",
       "                'width: ' + width + 'px; height: ' + height + 'px;'\n",
       "            );\n",
       "\n",
       "            rubberband_canvas.setAttribute('width', width);\n",
       "            rubberband_canvas.setAttribute('height', height);\n",
       "\n",
       "            // And update the size in Python. We ignore the initial 0/0 size\n",
       "            // that occurs as the element is placed into the DOM, which should\n",
       "            // otherwise not happen due to the minimum size styling.\n",
       "            if (fig.ws.readyState == 1 && width != 0 && height != 0) {\n",
       "                fig.request_resize(width, height);\n",
       "            }\n",
       "        }\n",
       "    });\n",
       "    this.resizeObserverInstance.observe(canvas_div);\n",
       "\n",
       "    function on_mouse_event_closure(name) {\n",
       "        return function (event) {\n",
       "            return fig.mouse_event(event, name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mousedown',\n",
       "        on_mouse_event_closure('button_press')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseup',\n",
       "        on_mouse_event_closure('button_release')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'dblclick',\n",
       "        on_mouse_event_closure('dblclick')\n",
       "    );\n",
       "    // Throttle sequential mouse events to 1 every 20ms.\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mousemove',\n",
       "        on_mouse_event_closure('motion_notify')\n",
       "    );\n",
       "\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseenter',\n",
       "        on_mouse_event_closure('figure_enter')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseleave',\n",
       "        on_mouse_event_closure('figure_leave')\n",
       "    );\n",
       "\n",
       "    canvas_div.addEventListener('wheel', function (event) {\n",
       "        if (event.deltaY < 0) {\n",
       "            event.step = 1;\n",
       "        } else {\n",
       "            event.step = -1;\n",
       "        }\n",
       "        on_mouse_event_closure('scroll')(event);\n",
       "    });\n",
       "\n",
       "    canvas_div.appendChild(canvas);\n",
       "    canvas_div.appendChild(rubberband_canvas);\n",
       "\n",
       "    this.rubberband_context = rubberband_canvas.getContext('2d');\n",
       "    this.rubberband_context.strokeStyle = '#000000';\n",
       "\n",
       "    this._resize_canvas = function (width, height, forward) {\n",
       "        if (forward) {\n",
       "            canvas_div.style.width = width + 'px';\n",
       "            canvas_div.style.height = height + 'px';\n",
       "        }\n",
       "    };\n",
       "\n",
       "    // Disable right mouse context menu.\n",
       "    this.rubberband_canvas.addEventListener('contextmenu', function (_e) {\n",
       "        event.preventDefault();\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 toolbar = document.createElement('div');\n",
       "    toolbar.classList = 'mpl-toolbar';\n",
       "    this.root.appendChild(toolbar);\n",
       "\n",
       "    function on_click_closure(name) {\n",
       "        return function (_event) {\n",
       "            return fig.toolbar_button_onclick(name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    function on_mouseover_closure(tooltip) {\n",
       "        return function (event) {\n",
       "            if (!event.currentTarget.disabled) {\n",
       "                return fig.toolbar_button_onmouseover(tooltip);\n",
       "            }\n",
       "        };\n",
       "    }\n",
       "\n",
       "    fig.buttons = {};\n",
       "    var buttonGroup = document.createElement('div');\n",
       "    buttonGroup.classList = 'mpl-button-group';\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",
       "            /* Instead of a spacer, we start a new button group. */\n",
       "            if (buttonGroup.hasChildNodes()) {\n",
       "                toolbar.appendChild(buttonGroup);\n",
       "            }\n",
       "            buttonGroup = document.createElement('div');\n",
       "            buttonGroup.classList = 'mpl-button-group';\n",
       "            continue;\n",
       "        }\n",
       "\n",
       "        var button = (fig.buttons[name] = document.createElement('button'));\n",
       "        button.classList = 'mpl-widget';\n",
       "        button.setAttribute('role', 'button');\n",
       "        button.setAttribute('aria-disabled', 'false');\n",
       "        button.addEventListener('click', on_click_closure(method_name));\n",
       "        button.addEventListener('mouseover', on_mouseover_closure(tooltip));\n",
       "\n",
       "        var icon_img = document.createElement('img');\n",
       "        icon_img.src = '_images/' + image + '.png';\n",
       "        icon_img.srcset = '_images/' + image + '_large.png 2x';\n",
       "        icon_img.alt = tooltip;\n",
       "        button.appendChild(icon_img);\n",
       "\n",
       "        buttonGroup.appendChild(button);\n",
       "    }\n",
       "\n",
       "    if (buttonGroup.hasChildNodes()) {\n",
       "        toolbar.appendChild(buttonGroup);\n",
       "    }\n",
       "\n",
       "    var fmt_picker = document.createElement('select');\n",
       "    fmt_picker.classList = 'mpl-widget';\n",
       "    toolbar.appendChild(fmt_picker);\n",
       "    this.format_dropdown = fmt_picker;\n",
       "\n",
       "    for (var ind in mpl.extensions) {\n",
       "        var fmt = mpl.extensions[ind];\n",
       "        var option = document.createElement('option');\n",
       "        option.selected = fmt === mpl.default_extension;\n",
       "        option.innerHTML = fmt;\n",
       "        fmt_picker.appendChild(option);\n",
       "    }\n",
       "\n",
       "    var status_bar = document.createElement('span');\n",
       "    status_bar.classList = 'mpl-message';\n",
       "    toolbar.appendChild(status_bar);\n",
       "    this.message = status_bar;\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",
       "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",
       "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], msg['forward']);\n",
       "        fig.send_message('refresh', {});\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_rubberband = function (fig, msg) {\n",
       "    var x0 = msg['x0'] / fig.ratio;\n",
       "    var y0 = (fig.canvas.height - msg['y0']) / fig.ratio;\n",
       "    var x1 = msg['x1'] / fig.ratio;\n",
       "    var y1 = (fig.canvas.height - msg['y1']) / fig.ratio;\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,\n",
       "        0,\n",
       "        fig.canvas.width / fig.ratio,\n",
       "        fig.canvas.height / fig.ratio\n",
       "    );\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",
       "    fig.rubberband_canvas.style.cursor = msg['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.handle_history_buttons = function (fig, msg) {\n",
       "    for (var key in msg) {\n",
       "        if (!(key in fig.buttons)) {\n",
       "            continue;\n",
       "        }\n",
       "        fig.buttons[key].disabled = !msg[key];\n",
       "        fig.buttons[key].setAttribute('aria-disabled', !msg[key]);\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_navigate_mode = function (fig, msg) {\n",
       "    if (msg['mode'] === 'PAN') {\n",
       "        fig.buttons['Pan'].classList.add('active');\n",
       "        fig.buttons['Zoom'].classList.remove('active');\n",
       "    } else if (msg['mode'] === 'ZOOM') {\n",
       "        fig.buttons['Pan'].classList.remove('active');\n",
       "        fig.buttons['Zoom'].classList.add('active');\n",
       "    } else {\n",
       "        fig.buttons['Pan'].classList.remove('active');\n",
       "        fig.buttons['Zoom'].classList.remove('active');\n",
       "    }\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",
       "            var img = evt.data;\n",
       "            if (img.type !== 'image/png') {\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",
       "                img.type = 'image/png';\n",
       "            }\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",
       "\n",
       "            fig.imageObj.src = (window.URL || window.webkitURL).createObjectURL(\n",
       "                img\n",
       "            );\n",
       "            fig.updated_canvas_event();\n",
       "            fig.waiting = false;\n",
       "            return;\n",
       "        } else if (\n",
       "            typeof evt.data === 'string' &&\n",
       "            evt.data.slice(0, 21) === 'data:image/png;base64'\n",
       "        ) {\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(\n",
       "                \"No handler for the '\" + msg_type + \"' message type: \",\n",
       "                msg\n",
       "            );\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(\n",
       "                    \"Exception inside the 'handler_\" + msg_type + \"' callback:\",\n",
       "                    e,\n",
       "                    e.stack,\n",
       "                    msg\n",
       "                );\n",
       "            }\n",
       "        }\n",
       "    };\n",
       "};\n",
       "\n",
       "// from https://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",
       "    }\n",
       "    if (e.target) {\n",
       "        targ = e.target;\n",
       "    } else if (e.srcElement) {\n",
       "        targ = e.srcElement;\n",
       "    }\n",
       "    if (targ.nodeType === 3) {\n",
       "        // defeat Safari bug\n",
       "        targ = targ.parentNode;\n",
       "    }\n",
       "\n",
       "    // pageX,Y are the mouse positions relative to the document\n",
       "    var boundingRect = targ.getBoundingClientRect();\n",
       "    var x = e.pageX - (boundingRect.left + document.body.scrollLeft);\n",
       "    var y = e.pageY - (boundingRect.top + document.body.scrollTop);\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",
       " * https://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",
       "        }\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",
       "        this.canvas.focus();\n",
       "        this.canvas_div.focus();\n",
       "    }\n",
       "\n",
       "    var x = canvas_pos.x * this.ratio;\n",
       "    var y = canvas_pos.y * this.ratio;\n",
       "\n",
       "    this.send_message(name, {\n",
       "        x: x,\n",
       "        y: y,\n",
       "        button: event.button,\n",
       "        step: event.step,\n",
       "        guiEvent: simpleKeys(event),\n",
       "    });\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",
       "    // Prevent repeat events\n",
       "    if (name === 'key_press') {\n",
       "        if (event.key === this._key) {\n",
       "            return;\n",
       "        } else {\n",
       "            this._key = event.key;\n",
       "        }\n",
       "    }\n",
       "    if (name === 'key_release') {\n",
       "        this._key = null;\n",
       "    }\n",
       "\n",
       "    var value = '';\n",
       "    if (event.ctrlKey && event.key !== 'Control') {\n",
       "        value += 'ctrl+';\n",
       "    }\n",
       "    else if (event.altKey && event.key !== 'Alt') {\n",
       "        value += 'alt+';\n",
       "    }\n",
       "    else if (event.shiftKey && event.key !== 'Shift') {\n",
       "        value += 'shift+';\n",
       "    }\n",
       "\n",
       "    value += 'k' + event.key;\n",
       "\n",
       "    this._key_event_extra(event, name);\n",
       "\n",
       "    this.send_message(name, { key: value, 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",
       "\n",
       "///////////////// REMAINING CONTENT GENERATED BY embed_js.py /////////////////\n",
       "// prettier-ignore\n",
       "var _JSXTOOLS_RESIZE_OBSERVER=function(A){var t,i=new WeakMap,n=new WeakMap,a=new WeakMap,r=new WeakMap,o=new Set;function s(e){if(!(this instanceof s))throw new TypeError(\"Constructor requires 'new' operator\");i.set(this,e)}function h(){throw new TypeError(\"Function is not a constructor\")}function c(e,t,i,n){e=0 in arguments?Number(arguments[0]):0,t=1 in arguments?Number(arguments[1]):0,i=2 in arguments?Number(arguments[2]):0,n=3 in arguments?Number(arguments[3]):0,this.right=(this.x=this.left=e)+(this.width=i),this.bottom=(this.y=this.top=t)+(this.height=n),Object.freeze(this)}function d(){t=requestAnimationFrame(d);var s=new WeakMap,p=new Set;o.forEach((function(t){r.get(t).forEach((function(i){var r=t instanceof window.SVGElement,o=a.get(t),d=r?0:parseFloat(o.paddingTop),f=r?0:parseFloat(o.paddingRight),l=r?0:parseFloat(o.paddingBottom),u=r?0:parseFloat(o.paddingLeft),g=r?0:parseFloat(o.borderTopWidth),m=r?0:parseFloat(o.borderRightWidth),w=r?0:parseFloat(o.borderBottomWidth),b=u+f,F=d+l,v=(r?0:parseFloat(o.borderLeftWidth))+m,W=g+w,y=r?0:t.offsetHeight-W-t.clientHeight,E=r?0:t.offsetWidth-v-t.clientWidth,R=b+v,z=F+W,M=r?t.width:parseFloat(o.width)-R-E,O=r?t.height:parseFloat(o.height)-z-y;if(n.has(t)){var k=n.get(t);if(k[0]===M&&k[1]===O)return}n.set(t,[M,O]);var S=Object.create(h.prototype);S.target=t,S.contentRect=new c(u,d,M,O),s.has(i)||(s.set(i,[]),p.add(i)),s.get(i).push(S)}))})),p.forEach((function(e){i.get(e).call(e,s.get(e),e)}))}return s.prototype.observe=function(i){if(i instanceof window.Element){r.has(i)||(r.set(i,new Set),o.add(i),a.set(i,window.getComputedStyle(i)));var n=r.get(i);n.has(this)||n.add(this),cancelAnimationFrame(t),t=requestAnimationFrame(d)}},s.prototype.unobserve=function(i){if(i instanceof window.Element&&r.has(i)){var n=r.get(i);n.has(this)&&(n.delete(this),n.size||(r.delete(i),o.delete(i))),n.size||r.delete(i),o.size||cancelAnimationFrame(t)}},A.DOMRectReadOnly=c,A.ResizeObserver=s,A.ResizeObserverEntry=h,A}; // eslint-disable-line\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\", \"Left button pans, Right button zooms\\nx/y fixes axis, CTRL fixes aspect\", \"fa fa-arrows icon-move\", \"pan\"], [\"Zoom\", \"Zoom to rectangle\\nx/y fixes axis\", \"fa fa-square-o icon-check-empty\", \"zoom\"], [\"\", \"\", \"\", \"\"], [\"Download\", \"Download plot\", \"fa fa-floppy-o icon-save\", \"download\"]];\n",
       "\n",
       "mpl.extensions = [\"eps\", \"jpeg\", \"pgf\", \"pdf\", \"png\", \"ps\", \"raw\", \"svg\", \"tif\"];\n",
       "\n",
       "mpl.default_extension = \"png\";/* global mpl */\n",
       "\n",
       "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.binaryType = comm.kernel.ws.binaryType;\n",
       "    ws.readyState = comm.kernel.ws.readyState;\n",
       "    function updateReadyState(_event) {\n",
       "        if (comm.kernel.ws) {\n",
       "            ws.readyState = comm.kernel.ws.readyState;\n",
       "        } else {\n",
       "            ws.readyState = 3; // Closed state.\n",
       "        }\n",
       "    }\n",
       "    comm.kernel.ws.addEventListener('open', updateReadyState);\n",
       "    comm.kernel.ws.addEventListener('close', updateReadyState);\n",
       "    comm.kernel.ws.addEventListener('error', updateReadyState);\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",
       "        var data = msg['content']['data'];\n",
       "        if (data['blob'] !== undefined) {\n",
       "            data = {\n",
       "                data: new Blob(msg['buffers'], { type: data['blob'] }),\n",
       "            };\n",
       "        }\n",
       "        // Pass the mpl event to the overridden (by mpl) onmessage function.\n",
       "        ws.onmessage(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 = document.getElementById(id);\n",
       "    var ws_proxy = comm_websocket_adapter(comm);\n",
       "\n",
       "    function ondownload(figure, _format) {\n",
       "        window.open(figure.canvas.toDataURL());\n",
       "    }\n",
       "\n",
       "    var fig = new mpl.figure(id, ws_proxy, ondownload, element);\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;\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",
       "    fig.cell_info[0].output_area.element.on(\n",
       "        'cleared',\n",
       "        { fig: fig },\n",
       "        fig._remove_fig_handler\n",
       "    );\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_close = function (fig, msg) {\n",
       "    var width = fig.canvas.width / fig.ratio;\n",
       "    fig.cell_info[0].output_area.element.off(\n",
       "        'cleared',\n",
       "        fig._remove_fig_handler\n",
       "    );\n",
       "    fig.resizeObserverInstance.unobserve(fig.canvas_div);\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.innerHTML =\n",
       "        '<img src=\"' + dataURL + '\" width=\"' + width + '\">';\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 width = this.canvas.width / this.ratio;\n",
       "    var dataURL = this.canvas.toDataURL();\n",
       "    this.cell_info[1]['text/html'] =\n",
       "        '<img src=\"' + dataURL + '\" width=\"' + width + '\">';\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 () {\n",
       "        fig.push_to_output();\n",
       "    }, 1000);\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._init_toolbar = function () {\n",
       "    var fig = this;\n",
       "\n",
       "    var toolbar = document.createElement('div');\n",
       "    toolbar.classList = 'btn-toolbar';\n",
       "    this.root.appendChild(toolbar);\n",
       "\n",
       "    function on_click_closure(name) {\n",
       "        return function (_event) {\n",
       "            return fig.toolbar_button_onclick(name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    function on_mouseover_closure(tooltip) {\n",
       "        return function (event) {\n",
       "            if (!event.currentTarget.disabled) {\n",
       "                return fig.toolbar_button_onmouseover(tooltip);\n",
       "            }\n",
       "        };\n",
       "    }\n",
       "\n",
       "    fig.buttons = {};\n",
       "    var buttonGroup = document.createElement('div');\n",
       "    buttonGroup.classList = 'btn-group';\n",
       "    var button;\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",
       "            /* Instead of a spacer, we start a new button group. */\n",
       "            if (buttonGroup.hasChildNodes()) {\n",
       "                toolbar.appendChild(buttonGroup);\n",
       "            }\n",
       "            buttonGroup = document.createElement('div');\n",
       "            buttonGroup.classList = 'btn-group';\n",
       "            continue;\n",
       "        }\n",
       "\n",
       "        button = fig.buttons[name] = document.createElement('button');\n",
       "        button.classList = 'btn btn-default';\n",
       "        button.href = '#';\n",
       "        button.title = name;\n",
       "        button.innerHTML = '<i class=\"fa ' + image + ' fa-lg\"></i>';\n",
       "        button.addEventListener('click', on_click_closure(method_name));\n",
       "        button.addEventListener('mouseover', on_mouseover_closure(tooltip));\n",
       "        buttonGroup.appendChild(button);\n",
       "    }\n",
       "\n",
       "    if (buttonGroup.hasChildNodes()) {\n",
       "        toolbar.appendChild(buttonGroup);\n",
       "    }\n",
       "\n",
       "    // Add the status bar.\n",
       "    var status_bar = document.createElement('span');\n",
       "    status_bar.classList = 'mpl-message pull-right';\n",
       "    toolbar.appendChild(status_bar);\n",
       "    this.message = status_bar;\n",
       "\n",
       "    // Add the close button to the window.\n",
       "    var buttongrp = document.createElement('div');\n",
       "    buttongrp.classList = 'btn-group inline pull-right';\n",
       "    button = document.createElement('button');\n",
       "    button.classList = 'btn btn-mini btn-primary';\n",
       "    button.href = '#';\n",
       "    button.title = 'Stop Interaction';\n",
       "    button.innerHTML = '<i class=\"fa fa-power-off icon-remove icon-large\"></i>';\n",
       "    button.addEventListener('click', function (_evt) {\n",
       "        fig.handle_close(fig, {});\n",
       "    });\n",
       "    button.addEventListener(\n",
       "        'mouseover',\n",
       "        on_mouseover_closure('Stop Interaction')\n",
       "    );\n",
       "    buttongrp.appendChild(button);\n",
       "    var titlebar = this.root.querySelector('.ui-dialog-titlebar');\n",
       "    titlebar.insertBefore(buttongrp, titlebar.firstChild);\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._remove_fig_handler = function (event) {\n",
       "    var fig = event.data.fig;\n",
       "    if (event.target !== this) {\n",
       "        // Ignore bubbled events from children.\n",
       "        return;\n",
       "    }\n",
       "    fig.close_ws(fig, {});\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._root_extra_style = function (el) {\n",
       "    el.style.boxSizing = 'content-box'; // override notebook setting of border-box.\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._canvas_extra_style = function (el) {\n",
       "    // this is important to make the div 'focusable\n",
       "    el.setAttribute('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",
       "    } else {\n",
       "        // location in version 2\n",
       "        IPython.keyboard_manager.register_events(el);\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._key_event_extra = function (event, _name) {\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",
       "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(\n",
       "        'matplotlib',\n",
       "        mpl.mpl_figure_comm\n",
       "    );\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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lKvfKFy2bBl7Dgs6tBQLAWOI1bhx49B5wFyia9eu6g9nq9BrYYccm4DY5+BSbuhVwAw8ImAISNQrRRAGCoTH2mLwyBFQQ6yGDRuq23uR584MiUDMEchgLjBmzJjYH3mPOY5kL6UIZLC61LNnz5QWj8UiAv4QyBR6DstftoxNBJKBQGTLvMmAg1wSASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCFBALHLQQASsCFBArHrQRAQsCZRYbLa4Q2LFjh9iwYYPYtWuXqF69umjatKmoWbOmq7jFDkTePdbAvffeq4VF69ev1yQ76g/mJNP333+vzZ07V+vTp49WsWJFo1woH+x9+/ZV/ggXNyoF3j/77DOjToJsaxAnbezYsaHUaVoE5L333tNOPvlkowJ0obf7RTiEjwuVCu8tWrQw6idwAalTp462devWwOs0DQIya9YsrVq1agb4dkKR7YbwiFdsKjXe9XoIXECQ8COPPBJ4fSZdQPD19SoceiUhXjF7klLlHfgHKiBycqm+jh07dqSAmBDAuN3tsEoXiuzfU045RSvGnKTUeQ9SQMrOOOMMIbtisXjxYnHgwAFx2GGHyXoOnr7++mtx+OGHe04Yq0RVqlSxjffVV18J2aZt/Zwcq1atKuRX3jbYN998IxYsWCBWrlxp6+/WccWKFSqdrl27qijbtm1TGLuNbw5XqVIlUatWLbOTYd6+fbvYv3+/YX/rrbcC4f3VV18V7du3N9L1YpALF6Ju3bq2UXbv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\" width=\"100\">"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/javascript": [
       "/* Put everything inside the global mpl namespace */\n",
       "/* global mpl */\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(\n",
       "            '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",
       "\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 = document.createElement('div');\n",
       "    this.root.setAttribute('style', 'display: inline-block');\n",
       "    this._root_extra_style(this.root);\n",
       "\n",
       "    parent_element.appendChild(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",
       "        if (fig.ratio !== 1) {\n",
       "            fig.send_message('set_device_pixel_ratio', {\n",
       "                device_pixel_ratio: fig.ratio,\n",
       "            });\n",
       "        }\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",
       "        fig.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 = document.createElement('div');\n",
       "    titlebar.classList =\n",
       "        'ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix';\n",
       "    var titletext = document.createElement('div');\n",
       "    titletext.classList = 'ui-dialog-title';\n",
       "    titletext.setAttribute(\n",
       "        'style',\n",
       "        'width: 100%; text-align: center; padding: 3px;'\n",
       "    );\n",
       "    titlebar.appendChild(titletext);\n",
       "    this.root.appendChild(titlebar);\n",
       "    this.header = titletext;\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._canvas_extra_style = function (_canvas_div) {};\n",
       "\n",
       "mpl.figure.prototype._root_extra_style = function (_canvas_div) {};\n",
       "\n",
       "mpl.figure.prototype._init_canvas = function () {\n",
       "    var fig = this;\n",
       "\n",
       "    var canvas_div = (this.canvas_div = document.createElement('div'));\n",
       "    canvas_div.setAttribute(\n",
       "        'style',\n",
       "        'border: 1px solid #ddd;' +\n",
       "            'box-sizing: content-box;' +\n",
       "            'clear: both;' +\n",
       "            'min-height: 1px;' +\n",
       "            'min-width: 1px;' +\n",
       "            'outline: 0;' +\n",
       "            'overflow: hidden;' +\n",
       "            'position: relative;' +\n",
       "            'resize: both;'\n",
       "    );\n",
       "\n",
       "    function on_keyboard_event_closure(name) {\n",
       "        return function (event) {\n",
       "            return fig.key_event(event, name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    canvas_div.addEventListener(\n",
       "        'keydown',\n",
       "        on_keyboard_event_closure('key_press')\n",
       "    );\n",
       "    canvas_div.addEventListener(\n",
       "        'keyup',\n",
       "        on_keyboard_event_closure('key_release')\n",
       "    );\n",
       "\n",
       "    this._canvas_extra_style(canvas_div);\n",
       "    this.root.appendChild(canvas_div);\n",
       "\n",
       "    var canvas = (this.canvas = document.createElement('canvas'));\n",
       "    canvas.classList.add('mpl-canvas');\n",
       "    canvas.setAttribute('style', 'box-sizing: content-box;');\n",
       "\n",
       "    this.context = canvas.getContext('2d');\n",
       "\n",
       "    var backingStore =\n",
       "        this.context.backingStorePixelRatio ||\n",
       "        this.context.webkitBackingStorePixelRatio ||\n",
       "        this.context.mozBackingStorePixelRatio ||\n",
       "        this.context.msBackingStorePixelRatio ||\n",
       "        this.context.oBackingStorePixelRatio ||\n",
       "        this.context.backingStorePixelRatio ||\n",
       "        1;\n",
       "\n",
       "    this.ratio = (window.devicePixelRatio || 1) / backingStore;\n",
       "\n",
       "    var rubberband_canvas = (this.rubberband_canvas = document.createElement(\n",
       "        'canvas'\n",
       "    ));\n",
       "    rubberband_canvas.setAttribute(\n",
       "        'style',\n",
       "        'box-sizing: content-box; position: absolute; left: 0; top: 0; z-index: 1;'\n",
       "    );\n",
       "\n",
       "    // Apply a ponyfill if ResizeObserver is not implemented by browser.\n",
       "    if (this.ResizeObserver === undefined) {\n",
       "        if (window.ResizeObserver !== undefined) {\n",
       "            this.ResizeObserver = window.ResizeObserver;\n",
       "        } else {\n",
       "            var obs = _JSXTOOLS_RESIZE_OBSERVER({});\n",
       "            this.ResizeObserver = obs.ResizeObserver;\n",
       "        }\n",
       "    }\n",
       "\n",
       "    this.resizeObserverInstance = new this.ResizeObserver(function (entries) {\n",
       "        var nentries = entries.length;\n",
       "        for (var i = 0; i < nentries; i++) {\n",
       "            var entry = entries[i];\n",
       "            var width, height;\n",
       "            if (entry.contentBoxSize) {\n",
       "                if (entry.contentBoxSize instanceof Array) {\n",
       "                    // Chrome 84 implements new version of spec.\n",
       "                    width = entry.contentBoxSize[0].inlineSize;\n",
       "                    height = entry.contentBoxSize[0].blockSize;\n",
       "                } else {\n",
       "                    // Firefox implements old version of spec.\n",
       "                    width = entry.contentBoxSize.inlineSize;\n",
       "                    height = entry.contentBoxSize.blockSize;\n",
       "                }\n",
       "            } else {\n",
       "                // Chrome <84 implements even older version of spec.\n",
       "                width = entry.contentRect.width;\n",
       "                height = entry.contentRect.height;\n",
       "            }\n",
       "\n",
       "            // Keep the size of the canvas and rubber band canvas in sync with\n",
       "            // the canvas container.\n",
       "            if (entry.devicePixelContentBoxSize) {\n",
       "                // Chrome 84 implements new version of spec.\n",
       "                canvas.setAttribute(\n",
       "                    'width',\n",
       "                    entry.devicePixelContentBoxSize[0].inlineSize\n",
       "                );\n",
       "                canvas.setAttribute(\n",
       "                    'height',\n",
       "                    entry.devicePixelContentBoxSize[0].blockSize\n",
       "                );\n",
       "            } else {\n",
       "                canvas.setAttribute('width', width * fig.ratio);\n",
       "                canvas.setAttribute('height', height * fig.ratio);\n",
       "            }\n",
       "            canvas.setAttribute(\n",
       "                'style',\n",
       "                'width: ' + width + 'px; height: ' + height + 'px;'\n",
       "            );\n",
       "\n",
       "            rubberband_canvas.setAttribute('width', width);\n",
       "            rubberband_canvas.setAttribute('height', height);\n",
       "\n",
       "            // And update the size in Python. We ignore the initial 0/0 size\n",
       "            // that occurs as the element is placed into the DOM, which should\n",
       "            // otherwise not happen due to the minimum size styling.\n",
       "            if (fig.ws.readyState == 1 && width != 0 && height != 0) {\n",
       "                fig.request_resize(width, height);\n",
       "            }\n",
       "        }\n",
       "    });\n",
       "    this.resizeObserverInstance.observe(canvas_div);\n",
       "\n",
       "    function on_mouse_event_closure(name) {\n",
       "        return function (event) {\n",
       "            return fig.mouse_event(event, name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mousedown',\n",
       "        on_mouse_event_closure('button_press')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseup',\n",
       "        on_mouse_event_closure('button_release')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'dblclick',\n",
       "        on_mouse_event_closure('dblclick')\n",
       "    );\n",
       "    // Throttle sequential mouse events to 1 every 20ms.\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mousemove',\n",
       "        on_mouse_event_closure('motion_notify')\n",
       "    );\n",
       "\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseenter',\n",
       "        on_mouse_event_closure('figure_enter')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseleave',\n",
       "        on_mouse_event_closure('figure_leave')\n",
       "    );\n",
       "\n",
       "    canvas_div.addEventListener('wheel', function (event) {\n",
       "        if (event.deltaY < 0) {\n",
       "            event.step = 1;\n",
       "        } else {\n",
       "            event.step = -1;\n",
       "        }\n",
       "        on_mouse_event_closure('scroll')(event);\n",
       "    });\n",
       "\n",
       "    canvas_div.appendChild(canvas);\n",
       "    canvas_div.appendChild(rubberband_canvas);\n",
       "\n",
       "    this.rubberband_context = rubberband_canvas.getContext('2d');\n",
       "    this.rubberband_context.strokeStyle = '#000000';\n",
       "\n",
       "    this._resize_canvas = function (width, height, forward) {\n",
       "        if (forward) {\n",
       "            canvas_div.style.width = width + 'px';\n",
       "            canvas_div.style.height = height + 'px';\n",
       "        }\n",
       "    };\n",
       "\n",
       "    // Disable right mouse context menu.\n",
       "    this.rubberband_canvas.addEventListener('contextmenu', function (_e) {\n",
       "        event.preventDefault();\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 toolbar = document.createElement('div');\n",
       "    toolbar.classList = 'mpl-toolbar';\n",
       "    this.root.appendChild(toolbar);\n",
       "\n",
       "    function on_click_closure(name) {\n",
       "        return function (_event) {\n",
       "            return fig.toolbar_button_onclick(name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    function on_mouseover_closure(tooltip) {\n",
       "        return function (event) {\n",
       "            if (!event.currentTarget.disabled) {\n",
       "                return fig.toolbar_button_onmouseover(tooltip);\n",
       "            }\n",
       "        };\n",
       "    }\n",
       "\n",
       "    fig.buttons = {};\n",
       "    var buttonGroup = document.createElement('div');\n",
       "    buttonGroup.classList = 'mpl-button-group';\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",
       "            /* Instead of a spacer, we start a new button group. */\n",
       "            if (buttonGroup.hasChildNodes()) {\n",
       "                toolbar.appendChild(buttonGroup);\n",
       "            }\n",
       "            buttonGroup = document.createElement('div');\n",
       "            buttonGroup.classList = 'mpl-button-group';\n",
       "            continue;\n",
       "        }\n",
       "\n",
       "        var button = (fig.buttons[name] = document.createElement('button'));\n",
       "        button.classList = 'mpl-widget';\n",
       "        button.setAttribute('role', 'button');\n",
       "        button.setAttribute('aria-disabled', 'false');\n",
       "        button.addEventListener('click', on_click_closure(method_name));\n",
       "        button.addEventListener('mouseover', on_mouseover_closure(tooltip));\n",
       "\n",
       "        var icon_img = document.createElement('img');\n",
       "        icon_img.src = '_images/' + image + '.png';\n",
       "        icon_img.srcset = '_images/' + image + '_large.png 2x';\n",
       "        icon_img.alt = tooltip;\n",
       "        button.appendChild(icon_img);\n",
       "\n",
       "        buttonGroup.appendChild(button);\n",
       "    }\n",
       "\n",
       "    if (buttonGroup.hasChildNodes()) {\n",
       "        toolbar.appendChild(buttonGroup);\n",
       "    }\n",
       "\n",
       "    var fmt_picker = document.createElement('select');\n",
       "    fmt_picker.classList = 'mpl-widget';\n",
       "    toolbar.appendChild(fmt_picker);\n",
       "    this.format_dropdown = fmt_picker;\n",
       "\n",
       "    for (var ind in mpl.extensions) {\n",
       "        var fmt = mpl.extensions[ind];\n",
       "        var option = document.createElement('option');\n",
       "        option.selected = fmt === mpl.default_extension;\n",
       "        option.innerHTML = fmt;\n",
       "        fmt_picker.appendChild(option);\n",
       "    }\n",
       "\n",
       "    var status_bar = document.createElement('span');\n",
       "    status_bar.classList = 'mpl-message';\n",
       "    toolbar.appendChild(status_bar);\n",
       "    this.message = status_bar;\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",
       "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",
       "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], msg['forward']);\n",
       "        fig.send_message('refresh', {});\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_rubberband = function (fig, msg) {\n",
       "    var x0 = msg['x0'] / fig.ratio;\n",
       "    var y0 = (fig.canvas.height - msg['y0']) / fig.ratio;\n",
       "    var x1 = msg['x1'] / fig.ratio;\n",
       "    var y1 = (fig.canvas.height - msg['y1']) / fig.ratio;\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,\n",
       "        0,\n",
       "        fig.canvas.width / fig.ratio,\n",
       "        fig.canvas.height / fig.ratio\n",
       "    );\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",
       "    fig.rubberband_canvas.style.cursor = msg['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.handle_history_buttons = function (fig, msg) {\n",
       "    for (var key in msg) {\n",
       "        if (!(key in fig.buttons)) {\n",
       "            continue;\n",
       "        }\n",
       "        fig.buttons[key].disabled = !msg[key];\n",
       "        fig.buttons[key].setAttribute('aria-disabled', !msg[key]);\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_navigate_mode = function (fig, msg) {\n",
       "    if (msg['mode'] === 'PAN') {\n",
       "        fig.buttons['Pan'].classList.add('active');\n",
       "        fig.buttons['Zoom'].classList.remove('active');\n",
       "    } else if (msg['mode'] === 'ZOOM') {\n",
       "        fig.buttons['Pan'].classList.remove('active');\n",
       "        fig.buttons['Zoom'].classList.add('active');\n",
       "    } else {\n",
       "        fig.buttons['Pan'].classList.remove('active');\n",
       "        fig.buttons['Zoom'].classList.remove('active');\n",
       "    }\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",
       "            var img = evt.data;\n",
       "            if (img.type !== 'image/png') {\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",
       "                img.type = 'image/png';\n",
       "            }\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",
       "\n",
       "            fig.imageObj.src = (window.URL || window.webkitURL).createObjectURL(\n",
       "                img\n",
       "            );\n",
       "            fig.updated_canvas_event();\n",
       "            fig.waiting = false;\n",
       "            return;\n",
       "        } else if (\n",
       "            typeof evt.data === 'string' &&\n",
       "            evt.data.slice(0, 21) === 'data:image/png;base64'\n",
       "        ) {\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(\n",
       "                \"No handler for the '\" + msg_type + \"' message type: \",\n",
       "                msg\n",
       "            );\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(\n",
       "                    \"Exception inside the 'handler_\" + msg_type + \"' callback:\",\n",
       "                    e,\n",
       "                    e.stack,\n",
       "                    msg\n",
       "                );\n",
       "            }\n",
       "        }\n",
       "    };\n",
       "};\n",
       "\n",
       "// from https://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",
       "    }\n",
       "    if (e.target) {\n",
       "        targ = e.target;\n",
       "    } else if (e.srcElement) {\n",
       "        targ = e.srcElement;\n",
       "    }\n",
       "    if (targ.nodeType === 3) {\n",
       "        // defeat Safari bug\n",
       "        targ = targ.parentNode;\n",
       "    }\n",
       "\n",
       "    // pageX,Y are the mouse positions relative to the document\n",
       "    var boundingRect = targ.getBoundingClientRect();\n",
       "    var x = e.pageX - (boundingRect.left + document.body.scrollLeft);\n",
       "    var y = e.pageY - (boundingRect.top + document.body.scrollTop);\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",
       " * https://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",
       "        }\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",
       "        this.canvas.focus();\n",
       "        this.canvas_div.focus();\n",
       "    }\n",
       "\n",
       "    var x = canvas_pos.x * this.ratio;\n",
       "    var y = canvas_pos.y * this.ratio;\n",
       "\n",
       "    this.send_message(name, {\n",
       "        x: x,\n",
       "        y: y,\n",
       "        button: event.button,\n",
       "        step: event.step,\n",
       "        guiEvent: simpleKeys(event),\n",
       "    });\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",
       "    // Prevent repeat events\n",
       "    if (name === 'key_press') {\n",
       "        if (event.key === this._key) {\n",
       "            return;\n",
       "        } else {\n",
       "            this._key = event.key;\n",
       "        }\n",
       "    }\n",
       "    if (name === 'key_release') {\n",
       "        this._key = null;\n",
       "    }\n",
       "\n",
       "    var value = '';\n",
       "    if (event.ctrlKey && event.key !== 'Control') {\n",
       "        value += 'ctrl+';\n",
       "    }\n",
       "    else if (event.altKey && event.key !== 'Alt') {\n",
       "        value += 'alt+';\n",
       "    }\n",
       "    else if (event.shiftKey && event.key !== 'Shift') {\n",
       "        value += 'shift+';\n",
       "    }\n",
       "\n",
       "    value += 'k' + event.key;\n",
       "\n",
       "    this._key_event_extra(event, name);\n",
       "\n",
       "    this.send_message(name, { key: value, 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",
       "\n",
       "///////////////// REMAINING CONTENT GENERATED BY embed_js.py /////////////////\n",
       "// prettier-ignore\n",
       "var _JSXTOOLS_RESIZE_OBSERVER=function(A){var t,i=new WeakMap,n=new WeakMap,a=new WeakMap,r=new WeakMap,o=new Set;function s(e){if(!(this instanceof s))throw new TypeError(\"Constructor requires 'new' operator\");i.set(this,e)}function h(){throw new TypeError(\"Function is not a constructor\")}function c(e,t,i,n){e=0 in arguments?Number(arguments[0]):0,t=1 in arguments?Number(arguments[1]):0,i=2 in arguments?Number(arguments[2]):0,n=3 in arguments?Number(arguments[3]):0,this.right=(this.x=this.left=e)+(this.width=i),this.bottom=(this.y=this.top=t)+(this.height=n),Object.freeze(this)}function d(){t=requestAnimationFrame(d);var s=new WeakMap,p=new Set;o.forEach((function(t){r.get(t).forEach((function(i){var r=t instanceof window.SVGElement,o=a.get(t),d=r?0:parseFloat(o.paddingTop),f=r?0:parseFloat(o.paddingRight),l=r?0:parseFloat(o.paddingBottom),u=r?0:parseFloat(o.paddingLeft),g=r?0:parseFloat(o.borderTopWidth),m=r?0:parseFloat(o.borderRightWidth),w=r?0:parseFloat(o.borderBottomWidth),b=u+f,F=d+l,v=(r?0:parseFloat(o.borderLeftWidth))+m,W=g+w,y=r?0:t.offsetHeight-W-t.clientHeight,E=r?0:t.offsetWidth-v-t.clientWidth,R=b+v,z=F+W,M=r?t.width:parseFloat(o.width)-R-E,O=r?t.height:parseFloat(o.height)-z-y;if(n.has(t)){var k=n.get(t);if(k[0]===M&&k[1]===O)return}n.set(t,[M,O]);var S=Object.create(h.prototype);S.target=t,S.contentRect=new c(u,d,M,O),s.has(i)||(s.set(i,[]),p.add(i)),s.get(i).push(S)}))})),p.forEach((function(e){i.get(e).call(e,s.get(e),e)}))}return s.prototype.observe=function(i){if(i instanceof window.Element){r.has(i)||(r.set(i,new Set),o.add(i),a.set(i,window.getComputedStyle(i)));var n=r.get(i);n.has(this)||n.add(this),cancelAnimationFrame(t),t=requestAnimationFrame(d)}},s.prototype.unobserve=function(i){if(i instanceof window.Element&&r.has(i)){var n=r.get(i);n.has(this)&&(n.delete(this),n.size||(r.delete(i),o.delete(i))),n.size||r.delete(i),o.size||cancelAnimationFrame(t)}},A.DOMRectReadOnly=c,A.ResizeObserver=s,A.ResizeObserverEntry=h,A}; // eslint-disable-line\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\", \"Left button pans, Right button zooms\\nx/y fixes axis, CTRL fixes aspect\", \"fa fa-arrows icon-move\", \"pan\"], [\"Zoom\", \"Zoom to rectangle\\nx/y fixes axis\", \"fa fa-square-o icon-check-empty\", \"zoom\"], [\"\", \"\", \"\", \"\"], [\"Download\", \"Download plot\", \"fa fa-floppy-o icon-save\", \"download\"]];\n",
       "\n",
       "mpl.extensions = [\"eps\", \"jpeg\", \"pgf\", \"pdf\", \"png\", \"ps\", \"raw\", \"svg\", \"tif\"];\n",
       "\n",
       "mpl.default_extension = \"png\";/* global mpl */\n",
       "\n",
       "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.binaryType = comm.kernel.ws.binaryType;\n",
       "    ws.readyState = comm.kernel.ws.readyState;\n",
       "    function updateReadyState(_event) {\n",
       "        if (comm.kernel.ws) {\n",
       "            ws.readyState = comm.kernel.ws.readyState;\n",
       "        } else {\n",
       "            ws.readyState = 3; // Closed state.\n",
       "        }\n",
       "    }\n",
       "    comm.kernel.ws.addEventListener('open', updateReadyState);\n",
       "    comm.kernel.ws.addEventListener('close', updateReadyState);\n",
       "    comm.kernel.ws.addEventListener('error', updateReadyState);\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",
       "        var data = msg['content']['data'];\n",
       "        if (data['blob'] !== undefined) {\n",
       "            data = {\n",
       "                data: new Blob(msg['buffers'], { type: data['blob'] }),\n",
       "            };\n",
       "        }\n",
       "        // Pass the mpl event to the overridden (by mpl) onmessage function.\n",
       "        ws.onmessage(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 = document.getElementById(id);\n",
       "    var ws_proxy = comm_websocket_adapter(comm);\n",
       "\n",
       "    function ondownload(figure, _format) {\n",
       "        window.open(figure.canvas.toDataURL());\n",
       "    }\n",
       "\n",
       "    var fig = new mpl.figure(id, ws_proxy, ondownload, element);\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;\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",
       "    fig.cell_info[0].output_area.element.on(\n",
       "        'cleared',\n",
       "        { fig: fig },\n",
       "        fig._remove_fig_handler\n",
       "    );\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_close = function (fig, msg) {\n",
       "    var width = fig.canvas.width / fig.ratio;\n",
       "    fig.cell_info[0].output_area.element.off(\n",
       "        'cleared',\n",
       "        fig._remove_fig_handler\n",
       "    );\n",
       "    fig.resizeObserverInstance.unobserve(fig.canvas_div);\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.innerHTML =\n",
       "        '<img src=\"' + dataURL + '\" width=\"' + width + '\">';\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 width = this.canvas.width / this.ratio;\n",
       "    var dataURL = this.canvas.toDataURL();\n",
       "    this.cell_info[1]['text/html'] =\n",
       "        '<img src=\"' + dataURL + '\" width=\"' + width + '\">';\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 () {\n",
       "        fig.push_to_output();\n",
       "    }, 1000);\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._init_toolbar = function () {\n",
       "    var fig = this;\n",
       "\n",
       "    var toolbar = document.createElement('div');\n",
       "    toolbar.classList = 'btn-toolbar';\n",
       "    this.root.appendChild(toolbar);\n",
       "\n",
       "    function on_click_closure(name) {\n",
       "        return function (_event) {\n",
       "            return fig.toolbar_button_onclick(name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    function on_mouseover_closure(tooltip) {\n",
       "        return function (event) {\n",
       "            if (!event.currentTarget.disabled) {\n",
       "                return fig.toolbar_button_onmouseover(tooltip);\n",
       "            }\n",
       "        };\n",
       "    }\n",
       "\n",
       "    fig.buttons = {};\n",
       "    var buttonGroup = document.createElement('div');\n",
       "    buttonGroup.classList = 'btn-group';\n",
       "    var button;\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",
       "            /* Instead of a spacer, we start a new button group. */\n",
       "            if (buttonGroup.hasChildNodes()) {\n",
       "                toolbar.appendChild(buttonGroup);\n",
       "            }\n",
       "            buttonGroup = document.createElement('div');\n",
       "            buttonGroup.classList = 'btn-group';\n",
       "            continue;\n",
       "        }\n",
       "\n",
       "        button = fig.buttons[name] = document.createElement('button');\n",
       "        button.classList = 'btn btn-default';\n",
       "        button.href = '#';\n",
       "        button.title = name;\n",
       "        button.innerHTML = '<i class=\"fa ' + image + ' fa-lg\"></i>';\n",
       "        button.addEventListener('click', on_click_closure(method_name));\n",
       "        button.addEventListener('mouseover', on_mouseover_closure(tooltip));\n",
       "        buttonGroup.appendChild(button);\n",
       "    }\n",
       "\n",
       "    if (buttonGroup.hasChildNodes()) {\n",
       "        toolbar.appendChild(buttonGroup);\n",
       "    }\n",
       "\n",
       "    // Add the status bar.\n",
       "    var status_bar = document.createElement('span');\n",
       "    status_bar.classList = 'mpl-message pull-right';\n",
       "    toolbar.appendChild(status_bar);\n",
       "    this.message = status_bar;\n",
       "\n",
       "    // Add the close button to the window.\n",
       "    var buttongrp = document.createElement('div');\n",
       "    buttongrp.classList = 'btn-group inline pull-right';\n",
       "    button = document.createElement('button');\n",
       "    button.classList = 'btn btn-mini btn-primary';\n",
       "    button.href = '#';\n",
       "    button.title = 'Stop Interaction';\n",
       "    button.innerHTML = '<i class=\"fa fa-power-off icon-remove icon-large\"></i>';\n",
       "    button.addEventListener('click', function (_evt) {\n",
       "        fig.handle_close(fig, {});\n",
       "    });\n",
       "    button.addEventListener(\n",
       "        'mouseover',\n",
       "        on_mouseover_closure('Stop Interaction')\n",
       "    );\n",
       "    buttongrp.appendChild(button);\n",
       "    var titlebar = this.root.querySelector('.ui-dialog-titlebar');\n",
       "    titlebar.insertBefore(buttongrp, titlebar.firstChild);\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._remove_fig_handler = function (event) {\n",
       "    var fig = event.data.fig;\n",
       "    if (event.target !== this) {\n",
       "        // Ignore bubbled events from children.\n",
       "        return;\n",
       "    }\n",
       "    fig.close_ws(fig, {});\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._root_extra_style = function (el) {\n",
       "    el.style.boxSizing = 'content-box'; // override notebook setting of border-box.\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._canvas_extra_style = function (el) {\n",
       "    // this is important to make the div 'focusable\n",
       "    el.setAttribute('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",
       "    } else {\n",
       "        // location in version 2\n",
       "        IPython.keyboard_manager.register_events(el);\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._key_event_extra = function (event, _name) {\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",
       "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(\n",
       "        'matplotlib',\n",
       "        mpl.mpl_figure_comm\n",
       "    );\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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\" width=\"100\">"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "# Iterate over the different proteins in the vglut dictionary\n",
    "for isoform in vglut:\n",
    "    \n",
    "    # Calculate the coefficient of mismatch (COM) using bootstrap resampling. Only compare to oligomeric states\n",
    "    # up to n_max. \n",
    "    vglut[isoform].com_bootstrap(n_bootstrap, reference, reference_bootstrap=True, \n",
    "                                 max_n=n_max, only_p=only_consider_p)\n",
    "    # Perform the Kolmogorov-Smirnov (KS) test to compare the observed distribution to the distribution\n",
    "    # of the reference proteins. This could be performed even if no p or m have been calculated.\n",
    "    vglut[isoform].KS(reference, save_results=True)\n",
    "\n",
    "    \n",
    "    ###### Plot the results\n",
    "    fig, (ax1, ax2) = plt.subplots(2,1, sharex=True, figsize=(1,2))\n",
    "    \n",
    "    # First, plot the mean COM values\n",
    "    ax1.plot(range(1,n_max+1), vglut[isoform].bs_mean, marker=\"o\", ls=\":\", color=\"black\")\n",
    "    \n",
    "    # Now, plot the 95% CI of the COM\n",
    "    ax1.errorbar(range(1,n_max+1), vglut[isoform].bs_mean, yerr=\n",
    "                 [(vglut[isoform].bs_mean-vglut[isoform].bs_lower_ci),\n",
    "                 (vglut[isoform].bs_upper_ci-vglut[isoform].bs_mean)],\n",
    "                capsize=5, ls=\":\", color=\"black\")\n",
    "    ax1.set_yticks([0.0, 0.5, 1.0])\n",
    "    \n",
    "    ax1.set_ylabel(\"M$^2$(n)\")\n",
    "    \n",
    "    ax1.set_title(isoform)\n",
    "    \n",
    "    # Now, plot the KS results\n",
    "    ax2.plot(range(1, n_max+1), vglut[isoform].ks, lw=0, marker=\"o\", color=\"black\")\n",
    "    ax2.set_ylim(-0.1,1)\n",
    "    ax2.set_ylabel(\"K.-S.\")\n",
    "    ax2.set_xlabel(\"Oligomeric state\")\n",
    "    ax2.axhline(0.05/n_max, color=\"black\", ls=\"--\")\n",
    "    ax2.set_yticks([0.0, 0.5, 1.0])\n",
    "    ax2.set_xticks([1,2,3,4])\n",
    "    \n",
    "\n",
    "    plt.show()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "id": "834a3206",
   "metadata": {},
   "outputs": [],
   "source": [
    "# In this example, we will determine the oligomeric state of proteins from the SLC26A family.\n",
    "# First, we load the data from all investigated proteins. The \"rate_mVenus\" column contains the observed\n",
    "# colocalization ratios.\n",
    "slc26a3 = DCCSMLM.DCCProteinOfInterest(\"ExampleData/coloc_SLC26A3.csv\", \"rate_mVenus\")\n",
    "prestin = DCCSMLM.DCCProteinOfInterest(\"ExampleData/coloc_prestin.csv\", \"rate_mVenus\")\n",
    "\n",
    "# Create a dictionary that contains the different SLC26A proteins\n",
    "slc26 = {\"SLC26A3\": slc26a3, \"SLC26A5\": prestin}\n",
    "\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "id": "fd8dbcb8",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "application/javascript": [
       "/* Put everything inside the global mpl namespace */\n",
       "/* global mpl */\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(\n",
       "            '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",
       "\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 = document.createElement('div');\n",
       "    this.root.setAttribute('style', 'display: inline-block');\n",
       "    this._root_extra_style(this.root);\n",
       "\n",
       "    parent_element.appendChild(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",
       "        if (fig.ratio !== 1) {\n",
       "            fig.send_message('set_device_pixel_ratio', {\n",
       "                device_pixel_ratio: fig.ratio,\n",
       "            });\n",
       "        }\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",
       "        fig.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 = document.createElement('div');\n",
       "    titlebar.classList =\n",
       "        'ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix';\n",
       "    var titletext = document.createElement('div');\n",
       "    titletext.classList = 'ui-dialog-title';\n",
       "    titletext.setAttribute(\n",
       "        'style',\n",
       "        'width: 100%; text-align: center; padding: 3px;'\n",
       "    );\n",
       "    titlebar.appendChild(titletext);\n",
       "    this.root.appendChild(titlebar);\n",
       "    this.header = titletext;\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._canvas_extra_style = function (_canvas_div) {};\n",
       "\n",
       "mpl.figure.prototype._root_extra_style = function (_canvas_div) {};\n",
       "\n",
       "mpl.figure.prototype._init_canvas = function () {\n",
       "    var fig = this;\n",
       "\n",
       "    var canvas_div = (this.canvas_div = document.createElement('div'));\n",
       "    canvas_div.setAttribute(\n",
       "        'style',\n",
       "        'border: 1px solid #ddd;' +\n",
       "            'box-sizing: content-box;' +\n",
       "            'clear: both;' +\n",
       "            'min-height: 1px;' +\n",
       "            'min-width: 1px;' +\n",
       "            'outline: 0;' +\n",
       "            'overflow: hidden;' +\n",
       "            'position: relative;' +\n",
       "            'resize: both;'\n",
       "    );\n",
       "\n",
       "    function on_keyboard_event_closure(name) {\n",
       "        return function (event) {\n",
       "            return fig.key_event(event, name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    canvas_div.addEventListener(\n",
       "        'keydown',\n",
       "        on_keyboard_event_closure('key_press')\n",
       "    );\n",
       "    canvas_div.addEventListener(\n",
       "        'keyup',\n",
       "        on_keyboard_event_closure('key_release')\n",
       "    );\n",
       "\n",
       "    this._canvas_extra_style(canvas_div);\n",
       "    this.root.appendChild(canvas_div);\n",
       "\n",
       "    var canvas = (this.canvas = document.createElement('canvas'));\n",
       "    canvas.classList.add('mpl-canvas');\n",
       "    canvas.setAttribute('style', 'box-sizing: content-box;');\n",
       "\n",
       "    this.context = canvas.getContext('2d');\n",
       "\n",
       "    var backingStore =\n",
       "        this.context.backingStorePixelRatio ||\n",
       "        this.context.webkitBackingStorePixelRatio ||\n",
       "        this.context.mozBackingStorePixelRatio ||\n",
       "        this.context.msBackingStorePixelRatio ||\n",
       "        this.context.oBackingStorePixelRatio ||\n",
       "        this.context.backingStorePixelRatio ||\n",
       "        1;\n",
       "\n",
       "    this.ratio = (window.devicePixelRatio || 1) / backingStore;\n",
       "\n",
       "    var rubberband_canvas = (this.rubberband_canvas = document.createElement(\n",
       "        'canvas'\n",
       "    ));\n",
       "    rubberband_canvas.setAttribute(\n",
       "        'style',\n",
       "        'box-sizing: content-box; position: absolute; left: 0; top: 0; z-index: 1;'\n",
       "    );\n",
       "\n",
       "    // Apply a ponyfill if ResizeObserver is not implemented by browser.\n",
       "    if (this.ResizeObserver === undefined) {\n",
       "        if (window.ResizeObserver !== undefined) {\n",
       "            this.ResizeObserver = window.ResizeObserver;\n",
       "        } else {\n",
       "            var obs = _JSXTOOLS_RESIZE_OBSERVER({});\n",
       "            this.ResizeObserver = obs.ResizeObserver;\n",
       "        }\n",
       "    }\n",
       "\n",
       "    this.resizeObserverInstance = new this.ResizeObserver(function (entries) {\n",
       "        var nentries = entries.length;\n",
       "        for (var i = 0; i < nentries; i++) {\n",
       "            var entry = entries[i];\n",
       "            var width, height;\n",
       "            if (entry.contentBoxSize) {\n",
       "                if (entry.contentBoxSize instanceof Array) {\n",
       "                    // Chrome 84 implements new version of spec.\n",
       "                    width = entry.contentBoxSize[0].inlineSize;\n",
       "                    height = entry.contentBoxSize[0].blockSize;\n",
       "                } else {\n",
       "                    // Firefox implements old version of spec.\n",
       "                    width = entry.contentBoxSize.inlineSize;\n",
       "                    height = entry.contentBoxSize.blockSize;\n",
       "                }\n",
       "            } else {\n",
       "                // Chrome <84 implements even older version of spec.\n",
       "                width = entry.contentRect.width;\n",
       "                height = entry.contentRect.height;\n",
       "            }\n",
       "\n",
       "            // Keep the size of the canvas and rubber band canvas in sync with\n",
       "            // the canvas container.\n",
       "            if (entry.devicePixelContentBoxSize) {\n",
       "                // Chrome 84 implements new version of spec.\n",
       "                canvas.setAttribute(\n",
       "                    'width',\n",
       "                    entry.devicePixelContentBoxSize[0].inlineSize\n",
       "                );\n",
       "                canvas.setAttribute(\n",
       "                    'height',\n",
       "                    entry.devicePixelContentBoxSize[0].blockSize\n",
       "                );\n",
       "            } else {\n",
       "                canvas.setAttribute('width', width * fig.ratio);\n",
       "                canvas.setAttribute('height', height * fig.ratio);\n",
       "            }\n",
       "            canvas.setAttribute(\n",
       "                'style',\n",
       "                'width: ' + width + 'px; height: ' + height + 'px;'\n",
       "            );\n",
       "\n",
       "            rubberband_canvas.setAttribute('width', width);\n",
       "            rubberband_canvas.setAttribute('height', height);\n",
       "\n",
       "            // And update the size in Python. We ignore the initial 0/0 size\n",
       "            // that occurs as the element is placed into the DOM, which should\n",
       "            // otherwise not happen due to the minimum size styling.\n",
       "            if (fig.ws.readyState == 1 && width != 0 && height != 0) {\n",
       "                fig.request_resize(width, height);\n",
       "            }\n",
       "        }\n",
       "    });\n",
       "    this.resizeObserverInstance.observe(canvas_div);\n",
       "\n",
       "    function on_mouse_event_closure(name) {\n",
       "        return function (event) {\n",
       "            return fig.mouse_event(event, name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mousedown',\n",
       "        on_mouse_event_closure('button_press')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseup',\n",
       "        on_mouse_event_closure('button_release')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'dblclick',\n",
       "        on_mouse_event_closure('dblclick')\n",
       "    );\n",
       "    // Throttle sequential mouse events to 1 every 20ms.\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mousemove',\n",
       "        on_mouse_event_closure('motion_notify')\n",
       "    );\n",
       "\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseenter',\n",
       "        on_mouse_event_closure('figure_enter')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseleave',\n",
       "        on_mouse_event_closure('figure_leave')\n",
       "    );\n",
       "\n",
       "    canvas_div.addEventListener('wheel', function (event) {\n",
       "        if (event.deltaY < 0) {\n",
       "            event.step = 1;\n",
       "        } else {\n",
       "            event.step = -1;\n",
       "        }\n",
       "        on_mouse_event_closure('scroll')(event);\n",
       "    });\n",
       "\n",
       "    canvas_div.appendChild(canvas);\n",
       "    canvas_div.appendChild(rubberband_canvas);\n",
       "\n",
       "    this.rubberband_context = rubberband_canvas.getContext('2d');\n",
       "    this.rubberband_context.strokeStyle = '#000000';\n",
       "\n",
       "    this._resize_canvas = function (width, height, forward) {\n",
       "        if (forward) {\n",
       "            canvas_div.style.width = width + 'px';\n",
       "            canvas_div.style.height = height + 'px';\n",
       "        }\n",
       "    };\n",
       "\n",
       "    // Disable right mouse context menu.\n",
       "    this.rubberband_canvas.addEventListener('contextmenu', function (_e) {\n",
       "        event.preventDefault();\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 toolbar = document.createElement('div');\n",
       "    toolbar.classList = 'mpl-toolbar';\n",
       "    this.root.appendChild(toolbar);\n",
       "\n",
       "    function on_click_closure(name) {\n",
       "        return function (_event) {\n",
       "            return fig.toolbar_button_onclick(name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    function on_mouseover_closure(tooltip) {\n",
       "        return function (event) {\n",
       "            if (!event.currentTarget.disabled) {\n",
       "                return fig.toolbar_button_onmouseover(tooltip);\n",
       "            }\n",
       "        };\n",
       "    }\n",
       "\n",
       "    fig.buttons = {};\n",
       "    var buttonGroup = document.createElement('div');\n",
       "    buttonGroup.classList = 'mpl-button-group';\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",
       "            /* Instead of a spacer, we start a new button group. */\n",
       "            if (buttonGroup.hasChildNodes()) {\n",
       "                toolbar.appendChild(buttonGroup);\n",
       "            }\n",
       "            buttonGroup = document.createElement('div');\n",
       "            buttonGroup.classList = 'mpl-button-group';\n",
       "            continue;\n",
       "        }\n",
       "\n",
       "        var button = (fig.buttons[name] = document.createElement('button'));\n",
       "        button.classList = 'mpl-widget';\n",
       "        button.setAttribute('role', 'button');\n",
       "        button.setAttribute('aria-disabled', 'false');\n",
       "        button.addEventListener('click', on_click_closure(method_name));\n",
       "        button.addEventListener('mouseover', on_mouseover_closure(tooltip));\n",
       "\n",
       "        var icon_img = document.createElement('img');\n",
       "        icon_img.src = '_images/' + image + '.png';\n",
       "        icon_img.srcset = '_images/' + image + '_large.png 2x';\n",
       "        icon_img.alt = tooltip;\n",
       "        button.appendChild(icon_img);\n",
       "\n",
       "        buttonGroup.appendChild(button);\n",
       "    }\n",
       "\n",
       "    if (buttonGroup.hasChildNodes()) {\n",
       "        toolbar.appendChild(buttonGroup);\n",
       "    }\n",
       "\n",
       "    var fmt_picker = document.createElement('select');\n",
       "    fmt_picker.classList = 'mpl-widget';\n",
       "    toolbar.appendChild(fmt_picker);\n",
       "    this.format_dropdown = fmt_picker;\n",
       "\n",
       "    for (var ind in mpl.extensions) {\n",
       "        var fmt = mpl.extensions[ind];\n",
       "        var option = document.createElement('option');\n",
       "        option.selected = fmt === mpl.default_extension;\n",
       "        option.innerHTML = fmt;\n",
       "        fmt_picker.appendChild(option);\n",
       "    }\n",
       "\n",
       "    var status_bar = document.createElement('span');\n",
       "    status_bar.classList = 'mpl-message';\n",
       "    toolbar.appendChild(status_bar);\n",
       "    this.message = status_bar;\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",
       "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",
       "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], msg['forward']);\n",
       "        fig.send_message('refresh', {});\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_rubberband = function (fig, msg) {\n",
       "    var x0 = msg['x0'] / fig.ratio;\n",
       "    var y0 = (fig.canvas.height - msg['y0']) / fig.ratio;\n",
       "    var x1 = msg['x1'] / fig.ratio;\n",
       "    var y1 = (fig.canvas.height - msg['y1']) / fig.ratio;\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,\n",
       "        0,\n",
       "        fig.canvas.width / fig.ratio,\n",
       "        fig.canvas.height / fig.ratio\n",
       "    );\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",
       "    fig.rubberband_canvas.style.cursor = msg['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.handle_history_buttons = function (fig, msg) {\n",
       "    for (var key in msg) {\n",
       "        if (!(key in fig.buttons)) {\n",
       "            continue;\n",
       "        }\n",
       "        fig.buttons[key].disabled = !msg[key];\n",
       "        fig.buttons[key].setAttribute('aria-disabled', !msg[key]);\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_navigate_mode = function (fig, msg) {\n",
       "    if (msg['mode'] === 'PAN') {\n",
       "        fig.buttons['Pan'].classList.add('active');\n",
       "        fig.buttons['Zoom'].classList.remove('active');\n",
       "    } else if (msg['mode'] === 'ZOOM') {\n",
       "        fig.buttons['Pan'].classList.remove('active');\n",
       "        fig.buttons['Zoom'].classList.add('active');\n",
       "    } else {\n",
       "        fig.buttons['Pan'].classList.remove('active');\n",
       "        fig.buttons['Zoom'].classList.remove('active');\n",
       "    }\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",
       "            var img = evt.data;\n",
       "            if (img.type !== 'image/png') {\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",
       "                img.type = 'image/png';\n",
       "            }\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",
       "\n",
       "            fig.imageObj.src = (window.URL || window.webkitURL).createObjectURL(\n",
       "                img\n",
       "            );\n",
       "            fig.updated_canvas_event();\n",
       "            fig.waiting = false;\n",
       "            return;\n",
       "        } else if (\n",
       "            typeof evt.data === 'string' &&\n",
       "            evt.data.slice(0, 21) === 'data:image/png;base64'\n",
       "        ) {\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(\n",
       "                \"No handler for the '\" + msg_type + \"' message type: \",\n",
       "                msg\n",
       "            );\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(\n",
       "                    \"Exception inside the 'handler_\" + msg_type + \"' callback:\",\n",
       "                    e,\n",
       "                    e.stack,\n",
       "                    msg\n",
       "                );\n",
       "            }\n",
       "        }\n",
       "    };\n",
       "};\n",
       "\n",
       "// from https://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",
       "    }\n",
       "    if (e.target) {\n",
       "        targ = e.target;\n",
       "    } else if (e.srcElement) {\n",
       "        targ = e.srcElement;\n",
       "    }\n",
       "    if (targ.nodeType === 3) {\n",
       "        // defeat Safari bug\n",
       "        targ = targ.parentNode;\n",
       "    }\n",
       "\n",
       "    // pageX,Y are the mouse positions relative to the document\n",
       "    var boundingRect = targ.getBoundingClientRect();\n",
       "    var x = e.pageX - (boundingRect.left + document.body.scrollLeft);\n",
       "    var y = e.pageY - (boundingRect.top + document.body.scrollTop);\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",
       " * https://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",
       "        }\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",
       "        this.canvas.focus();\n",
       "        this.canvas_div.focus();\n",
       "    }\n",
       "\n",
       "    var x = canvas_pos.x * this.ratio;\n",
       "    var y = canvas_pos.y * this.ratio;\n",
       "\n",
       "    this.send_message(name, {\n",
       "        x: x,\n",
       "        y: y,\n",
       "        button: event.button,\n",
       "        step: event.step,\n",
       "        guiEvent: simpleKeys(event),\n",
       "    });\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",
       "    // Prevent repeat events\n",
       "    if (name === 'key_press') {\n",
       "        if (event.key === this._key) {\n",
       "            return;\n",
       "        } else {\n",
       "            this._key = event.key;\n",
       "        }\n",
       "    }\n",
       "    if (name === 'key_release') {\n",
       "        this._key = null;\n",
       "    }\n",
       "\n",
       "    var value = '';\n",
       "    if (event.ctrlKey && event.key !== 'Control') {\n",
       "        value += 'ctrl+';\n",
       "    }\n",
       "    else if (event.altKey && event.key !== 'Alt') {\n",
       "        value += 'alt+';\n",
       "    }\n",
       "    else if (event.shiftKey && event.key !== 'Shift') {\n",
       "        value += 'shift+';\n",
       "    }\n",
       "\n",
       "    value += 'k' + event.key;\n",
       "\n",
       "    this._key_event_extra(event, name);\n",
       "\n",
       "    this.send_message(name, { key: value, 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",
       "\n",
       "///////////////// REMAINING CONTENT GENERATED BY embed_js.py /////////////////\n",
       "// prettier-ignore\n",
       "var _JSXTOOLS_RESIZE_OBSERVER=function(A){var t,i=new WeakMap,n=new WeakMap,a=new WeakMap,r=new WeakMap,o=new Set;function s(e){if(!(this instanceof s))throw new TypeError(\"Constructor requires 'new' operator\");i.set(this,e)}function h(){throw new TypeError(\"Function is not a constructor\")}function c(e,t,i,n){e=0 in arguments?Number(arguments[0]):0,t=1 in arguments?Number(arguments[1]):0,i=2 in arguments?Number(arguments[2]):0,n=3 in arguments?Number(arguments[3]):0,this.right=(this.x=this.left=e)+(this.width=i),this.bottom=(this.y=this.top=t)+(this.height=n),Object.freeze(this)}function d(){t=requestAnimationFrame(d);var s=new WeakMap,p=new Set;o.forEach((function(t){r.get(t).forEach((function(i){var r=t instanceof window.SVGElement,o=a.get(t),d=r?0:parseFloat(o.paddingTop),f=r?0:parseFloat(o.paddingRight),l=r?0:parseFloat(o.paddingBottom),u=r?0:parseFloat(o.paddingLeft),g=r?0:parseFloat(o.borderTopWidth),m=r?0:parseFloat(o.borderRightWidth),w=r?0:parseFloat(o.borderBottomWidth),b=u+f,F=d+l,v=(r?0:parseFloat(o.borderLeftWidth))+m,W=g+w,y=r?0:t.offsetHeight-W-t.clientHeight,E=r?0:t.offsetWidth-v-t.clientWidth,R=b+v,z=F+W,M=r?t.width:parseFloat(o.width)-R-E,O=r?t.height:parseFloat(o.height)-z-y;if(n.has(t)){var k=n.get(t);if(k[0]===M&&k[1]===O)return}n.set(t,[M,O]);var S=Object.create(h.prototype);S.target=t,S.contentRect=new c(u,d,M,O),s.has(i)||(s.set(i,[]),p.add(i)),s.get(i).push(S)}))})),p.forEach((function(e){i.get(e).call(e,s.get(e),e)}))}return s.prototype.observe=function(i){if(i instanceof window.Element){r.has(i)||(r.set(i,new Set),o.add(i),a.set(i,window.getComputedStyle(i)));var n=r.get(i);n.has(this)||n.add(this),cancelAnimationFrame(t),t=requestAnimationFrame(d)}},s.prototype.unobserve=function(i){if(i instanceof window.Element&&r.has(i)){var n=r.get(i);n.has(this)&&(n.delete(this),n.size||(r.delete(i),o.delete(i))),n.size||r.delete(i),o.size||cancelAnimationFrame(t)}},A.DOMRectReadOnly=c,A.ResizeObserver=s,A.ResizeObserverEntry=h,A}; // eslint-disable-line\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\", \"Left button pans, Right button zooms\\nx/y fixes axis, CTRL fixes aspect\", \"fa fa-arrows icon-move\", \"pan\"], [\"Zoom\", \"Zoom to rectangle\\nx/y fixes axis\", \"fa fa-square-o icon-check-empty\", \"zoom\"], [\"\", \"\", \"\", \"\"], [\"Download\", \"Download plot\", \"fa fa-floppy-o icon-save\", \"download\"]];\n",
       "\n",
       "mpl.extensions = [\"eps\", \"jpeg\", \"pgf\", \"pdf\", \"png\", \"ps\", \"raw\", \"svg\", \"tif\"];\n",
       "\n",
       "mpl.default_extension = \"png\";/* global mpl */\n",
       "\n",
       "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.binaryType = comm.kernel.ws.binaryType;\n",
       "    ws.readyState = comm.kernel.ws.readyState;\n",
       "    function updateReadyState(_event) {\n",
       "        if (comm.kernel.ws) {\n",
       "            ws.readyState = comm.kernel.ws.readyState;\n",
       "        } else {\n",
       "            ws.readyState = 3; // Closed state.\n",
       "        }\n",
       "    }\n",
       "    comm.kernel.ws.addEventListener('open', updateReadyState);\n",
       "    comm.kernel.ws.addEventListener('close', updateReadyState);\n",
       "    comm.kernel.ws.addEventListener('error', updateReadyState);\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",
       "        var data = msg['content']['data'];\n",
       "        if (data['blob'] !== undefined) {\n",
       "            data = {\n",
       "                data: new Blob(msg['buffers'], { type: data['blob'] }),\n",
       "            };\n",
       "        }\n",
       "        // Pass the mpl event to the overridden (by mpl) onmessage function.\n",
       "        ws.onmessage(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 = document.getElementById(id);\n",
       "    var ws_proxy = comm_websocket_adapter(comm);\n",
       "\n",
       "    function ondownload(figure, _format) {\n",
       "        window.open(figure.canvas.toDataURL());\n",
       "    }\n",
       "\n",
       "    var fig = new mpl.figure(id, ws_proxy, ondownload, element);\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;\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",
       "    fig.cell_info[0].output_area.element.on(\n",
       "        'cleared',\n",
       "        { fig: fig },\n",
       "        fig._remove_fig_handler\n",
       "    );\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_close = function (fig, msg) {\n",
       "    var width = fig.canvas.width / fig.ratio;\n",
       "    fig.cell_info[0].output_area.element.off(\n",
       "        'cleared',\n",
       "        fig._remove_fig_handler\n",
       "    );\n",
       "    fig.resizeObserverInstance.unobserve(fig.canvas_div);\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.innerHTML =\n",
       "        '<img src=\"' + dataURL + '\" width=\"' + width + '\">';\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 width = this.canvas.width / this.ratio;\n",
       "    var dataURL = this.canvas.toDataURL();\n",
       "    this.cell_info[1]['text/html'] =\n",
       "        '<img src=\"' + dataURL + '\" width=\"' + width + '\">';\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 () {\n",
       "        fig.push_to_output();\n",
       "    }, 1000);\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._init_toolbar = function () {\n",
       "    var fig = this;\n",
       "\n",
       "    var toolbar = document.createElement('div');\n",
       "    toolbar.classList = 'btn-toolbar';\n",
       "    this.root.appendChild(toolbar);\n",
       "\n",
       "    function on_click_closure(name) {\n",
       "        return function (_event) {\n",
       "            return fig.toolbar_button_onclick(name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    function on_mouseover_closure(tooltip) {\n",
       "        return function (event) {\n",
       "            if (!event.currentTarget.disabled) {\n",
       "                return fig.toolbar_button_onmouseover(tooltip);\n",
       "            }\n",
       "        };\n",
       "    }\n",
       "\n",
       "    fig.buttons = {};\n",
       "    var buttonGroup = document.createElement('div');\n",
       "    buttonGroup.classList = 'btn-group';\n",
       "    var button;\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",
       "            /* Instead of a spacer, we start a new button group. */\n",
       "            if (buttonGroup.hasChildNodes()) {\n",
       "                toolbar.appendChild(buttonGroup);\n",
       "            }\n",
       "            buttonGroup = document.createElement('div');\n",
       "            buttonGroup.classList = 'btn-group';\n",
       "            continue;\n",
       "        }\n",
       "\n",
       "        button = fig.buttons[name] = document.createElement('button');\n",
       "        button.classList = 'btn btn-default';\n",
       "        button.href = '#';\n",
       "        button.title = name;\n",
       "        button.innerHTML = '<i class=\"fa ' + image + ' fa-lg\"></i>';\n",
       "        button.addEventListener('click', on_click_closure(method_name));\n",
       "        button.addEventListener('mouseover', on_mouseover_closure(tooltip));\n",
       "        buttonGroup.appendChild(button);\n",
       "    }\n",
       "\n",
       "    if (buttonGroup.hasChildNodes()) {\n",
       "        toolbar.appendChild(buttonGroup);\n",
       "    }\n",
       "\n",
       "    // Add the status bar.\n",
       "    var status_bar = document.createElement('span');\n",
       "    status_bar.classList = 'mpl-message pull-right';\n",
       "    toolbar.appendChild(status_bar);\n",
       "    this.message = status_bar;\n",
       "\n",
       "    // Add the close button to the window.\n",
       "    var buttongrp = document.createElement('div');\n",
       "    buttongrp.classList = 'btn-group inline pull-right';\n",
       "    button = document.createElement('button');\n",
       "    button.classList = 'btn btn-mini btn-primary';\n",
       "    button.href = '#';\n",
       "    button.title = 'Stop Interaction';\n",
       "    button.innerHTML = '<i class=\"fa fa-power-off icon-remove icon-large\"></i>';\n",
       "    button.addEventListener('click', function (_evt) {\n",
       "        fig.handle_close(fig, {});\n",
       "    });\n",
       "    button.addEventListener(\n",
       "        'mouseover',\n",
       "        on_mouseover_closure('Stop Interaction')\n",
       "    );\n",
       "    buttongrp.appendChild(button);\n",
       "    var titlebar = this.root.querySelector('.ui-dialog-titlebar');\n",
       "    titlebar.insertBefore(buttongrp, titlebar.firstChild);\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._remove_fig_handler = function (event) {\n",
       "    var fig = event.data.fig;\n",
       "    if (event.target !== this) {\n",
       "        // Ignore bubbled events from children.\n",
       "        return;\n",
       "    }\n",
       "    fig.close_ws(fig, {});\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._root_extra_style = function (el) {\n",
       "    el.style.boxSizing = 'content-box'; // override notebook setting of border-box.\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._canvas_extra_style = function (el) {\n",
       "    // this is important to make the div 'focusable\n",
       "    el.setAttribute('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",
       "    } else {\n",
       "        // location in version 2\n",
       "        IPython.keyboard_manager.register_events(el);\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._key_event_extra = function (event, _name) {\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",
       "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(\n",
       "        'matplotlib',\n",
       "        mpl.mpl_figure_comm\n",
       "    );\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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\" width=\"100\">"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/javascript": [
       "/* Put everything inside the global mpl namespace */\n",
       "/* global mpl */\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(\n",
       "            '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",
       "\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 = document.createElement('div');\n",
       "    this.root.setAttribute('style', 'display: inline-block');\n",
       "    this._root_extra_style(this.root);\n",
       "\n",
       "    parent_element.appendChild(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",
       "        if (fig.ratio !== 1) {\n",
       "            fig.send_message('set_device_pixel_ratio', {\n",
       "                device_pixel_ratio: fig.ratio,\n",
       "            });\n",
       "        }\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",
       "        fig.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 = document.createElement('div');\n",
       "    titlebar.classList =\n",
       "        'ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix';\n",
       "    var titletext = document.createElement('div');\n",
       "    titletext.classList = 'ui-dialog-title';\n",
       "    titletext.setAttribute(\n",
       "        'style',\n",
       "        'width: 100%; text-align: center; padding: 3px;'\n",
       "    );\n",
       "    titlebar.appendChild(titletext);\n",
       "    this.root.appendChild(titlebar);\n",
       "    this.header = titletext;\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._canvas_extra_style = function (_canvas_div) {};\n",
       "\n",
       "mpl.figure.prototype._root_extra_style = function (_canvas_div) {};\n",
       "\n",
       "mpl.figure.prototype._init_canvas = function () {\n",
       "    var fig = this;\n",
       "\n",
       "    var canvas_div = (this.canvas_div = document.createElement('div'));\n",
       "    canvas_div.setAttribute(\n",
       "        'style',\n",
       "        'border: 1px solid #ddd;' +\n",
       "            'box-sizing: content-box;' +\n",
       "            'clear: both;' +\n",
       "            'min-height: 1px;' +\n",
       "            'min-width: 1px;' +\n",
       "            'outline: 0;' +\n",
       "            'overflow: hidden;' +\n",
       "            'position: relative;' +\n",
       "            'resize: both;'\n",
       "    );\n",
       "\n",
       "    function on_keyboard_event_closure(name) {\n",
       "        return function (event) {\n",
       "            return fig.key_event(event, name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    canvas_div.addEventListener(\n",
       "        'keydown',\n",
       "        on_keyboard_event_closure('key_press')\n",
       "    );\n",
       "    canvas_div.addEventListener(\n",
       "        'keyup',\n",
       "        on_keyboard_event_closure('key_release')\n",
       "    );\n",
       "\n",
       "    this._canvas_extra_style(canvas_div);\n",
       "    this.root.appendChild(canvas_div);\n",
       "\n",
       "    var canvas = (this.canvas = document.createElement('canvas'));\n",
       "    canvas.classList.add('mpl-canvas');\n",
       "    canvas.setAttribute('style', 'box-sizing: content-box;');\n",
       "\n",
       "    this.context = canvas.getContext('2d');\n",
       "\n",
       "    var backingStore =\n",
       "        this.context.backingStorePixelRatio ||\n",
       "        this.context.webkitBackingStorePixelRatio ||\n",
       "        this.context.mozBackingStorePixelRatio ||\n",
       "        this.context.msBackingStorePixelRatio ||\n",
       "        this.context.oBackingStorePixelRatio ||\n",
       "        this.context.backingStorePixelRatio ||\n",
       "        1;\n",
       "\n",
       "    this.ratio = (window.devicePixelRatio || 1) / backingStore;\n",
       "\n",
       "    var rubberband_canvas = (this.rubberband_canvas = document.createElement(\n",
       "        'canvas'\n",
       "    ));\n",
       "    rubberband_canvas.setAttribute(\n",
       "        'style',\n",
       "        'box-sizing: content-box; position: absolute; left: 0; top: 0; z-index: 1;'\n",
       "    );\n",
       "\n",
       "    // Apply a ponyfill if ResizeObserver is not implemented by browser.\n",
       "    if (this.ResizeObserver === undefined) {\n",
       "        if (window.ResizeObserver !== undefined) {\n",
       "            this.ResizeObserver = window.ResizeObserver;\n",
       "        } else {\n",
       "            var obs = _JSXTOOLS_RESIZE_OBSERVER({});\n",
       "            this.ResizeObserver = obs.ResizeObserver;\n",
       "        }\n",
       "    }\n",
       "\n",
       "    this.resizeObserverInstance = new this.ResizeObserver(function (entries) {\n",
       "        var nentries = entries.length;\n",
       "        for (var i = 0; i < nentries; i++) {\n",
       "            var entry = entries[i];\n",
       "            var width, height;\n",
       "            if (entry.contentBoxSize) {\n",
       "                if (entry.contentBoxSize instanceof Array) {\n",
       "                    // Chrome 84 implements new version of spec.\n",
       "                    width = entry.contentBoxSize[0].inlineSize;\n",
       "                    height = entry.contentBoxSize[0].blockSize;\n",
       "                } else {\n",
       "                    // Firefox implements old version of spec.\n",
       "                    width = entry.contentBoxSize.inlineSize;\n",
       "                    height = entry.contentBoxSize.blockSize;\n",
       "                }\n",
       "            } else {\n",
       "                // Chrome <84 implements even older version of spec.\n",
       "                width = entry.contentRect.width;\n",
       "                height = entry.contentRect.height;\n",
       "            }\n",
       "\n",
       "            // Keep the size of the canvas and rubber band canvas in sync with\n",
       "            // the canvas container.\n",
       "            if (entry.devicePixelContentBoxSize) {\n",
       "                // Chrome 84 implements new version of spec.\n",
       "                canvas.setAttribute(\n",
       "                    'width',\n",
       "                    entry.devicePixelContentBoxSize[0].inlineSize\n",
       "                );\n",
       "                canvas.setAttribute(\n",
       "                    'height',\n",
       "                    entry.devicePixelContentBoxSize[0].blockSize\n",
       "                );\n",
       "            } else {\n",
       "                canvas.setAttribute('width', width * fig.ratio);\n",
       "                canvas.setAttribute('height', height * fig.ratio);\n",
       "            }\n",
       "            canvas.setAttribute(\n",
       "                'style',\n",
       "                'width: ' + width + 'px; height: ' + height + 'px;'\n",
       "            );\n",
       "\n",
       "            rubberband_canvas.setAttribute('width', width);\n",
       "            rubberband_canvas.setAttribute('height', height);\n",
       "\n",
       "            // And update the size in Python. We ignore the initial 0/0 size\n",
       "            // that occurs as the element is placed into the DOM, which should\n",
       "            // otherwise not happen due to the minimum size styling.\n",
       "            if (fig.ws.readyState == 1 && width != 0 && height != 0) {\n",
       "                fig.request_resize(width, height);\n",
       "            }\n",
       "        }\n",
       "    });\n",
       "    this.resizeObserverInstance.observe(canvas_div);\n",
       "\n",
       "    function on_mouse_event_closure(name) {\n",
       "        return function (event) {\n",
       "            return fig.mouse_event(event, name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mousedown',\n",
       "        on_mouse_event_closure('button_press')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseup',\n",
       "        on_mouse_event_closure('button_release')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'dblclick',\n",
       "        on_mouse_event_closure('dblclick')\n",
       "    );\n",
       "    // Throttle sequential mouse events to 1 every 20ms.\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mousemove',\n",
       "        on_mouse_event_closure('motion_notify')\n",
       "    );\n",
       "\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseenter',\n",
       "        on_mouse_event_closure('figure_enter')\n",
       "    );\n",
       "    rubberband_canvas.addEventListener(\n",
       "        'mouseleave',\n",
       "        on_mouse_event_closure('figure_leave')\n",
       "    );\n",
       "\n",
       "    canvas_div.addEventListener('wheel', function (event) {\n",
       "        if (event.deltaY < 0) {\n",
       "            event.step = 1;\n",
       "        } else {\n",
       "            event.step = -1;\n",
       "        }\n",
       "        on_mouse_event_closure('scroll')(event);\n",
       "    });\n",
       "\n",
       "    canvas_div.appendChild(canvas);\n",
       "    canvas_div.appendChild(rubberband_canvas);\n",
       "\n",
       "    this.rubberband_context = rubberband_canvas.getContext('2d');\n",
       "    this.rubberband_context.strokeStyle = '#000000';\n",
       "\n",
       "    this._resize_canvas = function (width, height, forward) {\n",
       "        if (forward) {\n",
       "            canvas_div.style.width = width + 'px';\n",
       "            canvas_div.style.height = height + 'px';\n",
       "        }\n",
       "    };\n",
       "\n",
       "    // Disable right mouse context menu.\n",
       "    this.rubberband_canvas.addEventListener('contextmenu', function (_e) {\n",
       "        event.preventDefault();\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 toolbar = document.createElement('div');\n",
       "    toolbar.classList = 'mpl-toolbar';\n",
       "    this.root.appendChild(toolbar);\n",
       "\n",
       "    function on_click_closure(name) {\n",
       "        return function (_event) {\n",
       "            return fig.toolbar_button_onclick(name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    function on_mouseover_closure(tooltip) {\n",
       "        return function (event) {\n",
       "            if (!event.currentTarget.disabled) {\n",
       "                return fig.toolbar_button_onmouseover(tooltip);\n",
       "            }\n",
       "        };\n",
       "    }\n",
       "\n",
       "    fig.buttons = {};\n",
       "    var buttonGroup = document.createElement('div');\n",
       "    buttonGroup.classList = 'mpl-button-group';\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",
       "            /* Instead of a spacer, we start a new button group. */\n",
       "            if (buttonGroup.hasChildNodes()) {\n",
       "                toolbar.appendChild(buttonGroup);\n",
       "            }\n",
       "            buttonGroup = document.createElement('div');\n",
       "            buttonGroup.classList = 'mpl-button-group';\n",
       "            continue;\n",
       "        }\n",
       "\n",
       "        var button = (fig.buttons[name] = document.createElement('button'));\n",
       "        button.classList = 'mpl-widget';\n",
       "        button.setAttribute('role', 'button');\n",
       "        button.setAttribute('aria-disabled', 'false');\n",
       "        button.addEventListener('click', on_click_closure(method_name));\n",
       "        button.addEventListener('mouseover', on_mouseover_closure(tooltip));\n",
       "\n",
       "        var icon_img = document.createElement('img');\n",
       "        icon_img.src = '_images/' + image + '.png';\n",
       "        icon_img.srcset = '_images/' + image + '_large.png 2x';\n",
       "        icon_img.alt = tooltip;\n",
       "        button.appendChild(icon_img);\n",
       "\n",
       "        buttonGroup.appendChild(button);\n",
       "    }\n",
       "\n",
       "    if (buttonGroup.hasChildNodes()) {\n",
       "        toolbar.appendChild(buttonGroup);\n",
       "    }\n",
       "\n",
       "    var fmt_picker = document.createElement('select');\n",
       "    fmt_picker.classList = 'mpl-widget';\n",
       "    toolbar.appendChild(fmt_picker);\n",
       "    this.format_dropdown = fmt_picker;\n",
       "\n",
       "    for (var ind in mpl.extensions) {\n",
       "        var fmt = mpl.extensions[ind];\n",
       "        var option = document.createElement('option');\n",
       "        option.selected = fmt === mpl.default_extension;\n",
       "        option.innerHTML = fmt;\n",
       "        fmt_picker.appendChild(option);\n",
       "    }\n",
       "\n",
       "    var status_bar = document.createElement('span');\n",
       "    status_bar.classList = 'mpl-message';\n",
       "    toolbar.appendChild(status_bar);\n",
       "    this.message = status_bar;\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",
       "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",
       "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], msg['forward']);\n",
       "        fig.send_message('refresh', {});\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_rubberband = function (fig, msg) {\n",
       "    var x0 = msg['x0'] / fig.ratio;\n",
       "    var y0 = (fig.canvas.height - msg['y0']) / fig.ratio;\n",
       "    var x1 = msg['x1'] / fig.ratio;\n",
       "    var y1 = (fig.canvas.height - msg['y1']) / fig.ratio;\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,\n",
       "        0,\n",
       "        fig.canvas.width / fig.ratio,\n",
       "        fig.canvas.height / fig.ratio\n",
       "    );\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",
       "    fig.rubberband_canvas.style.cursor = msg['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.handle_history_buttons = function (fig, msg) {\n",
       "    for (var key in msg) {\n",
       "        if (!(key in fig.buttons)) {\n",
       "            continue;\n",
       "        }\n",
       "        fig.buttons[key].disabled = !msg[key];\n",
       "        fig.buttons[key].setAttribute('aria-disabled', !msg[key]);\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_navigate_mode = function (fig, msg) {\n",
       "    if (msg['mode'] === 'PAN') {\n",
       "        fig.buttons['Pan'].classList.add('active');\n",
       "        fig.buttons['Zoom'].classList.remove('active');\n",
       "    } else if (msg['mode'] === 'ZOOM') {\n",
       "        fig.buttons['Pan'].classList.remove('active');\n",
       "        fig.buttons['Zoom'].classList.add('active');\n",
       "    } else {\n",
       "        fig.buttons['Pan'].classList.remove('active');\n",
       "        fig.buttons['Zoom'].classList.remove('active');\n",
       "    }\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",
       "            var img = evt.data;\n",
       "            if (img.type !== 'image/png') {\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",
       "                img.type = 'image/png';\n",
       "            }\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",
       "\n",
       "            fig.imageObj.src = (window.URL || window.webkitURL).createObjectURL(\n",
       "                img\n",
       "            );\n",
       "            fig.updated_canvas_event();\n",
       "            fig.waiting = false;\n",
       "            return;\n",
       "        } else if (\n",
       "            typeof evt.data === 'string' &&\n",
       "            evt.data.slice(0, 21) === 'data:image/png;base64'\n",
       "        ) {\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(\n",
       "                \"No handler for the '\" + msg_type + \"' message type: \",\n",
       "                msg\n",
       "            );\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(\n",
       "                    \"Exception inside the 'handler_\" + msg_type + \"' callback:\",\n",
       "                    e,\n",
       "                    e.stack,\n",
       "                    msg\n",
       "                );\n",
       "            }\n",
       "        }\n",
       "    };\n",
       "};\n",
       "\n",
       "// from https://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",
       "    }\n",
       "    if (e.target) {\n",
       "        targ = e.target;\n",
       "    } else if (e.srcElement) {\n",
       "        targ = e.srcElement;\n",
       "    }\n",
       "    if (targ.nodeType === 3) {\n",
       "        // defeat Safari bug\n",
       "        targ = targ.parentNode;\n",
       "    }\n",
       "\n",
       "    // pageX,Y are the mouse positions relative to the document\n",
       "    var boundingRect = targ.getBoundingClientRect();\n",
       "    var x = e.pageX - (boundingRect.left + document.body.scrollLeft);\n",
       "    var y = e.pageY - (boundingRect.top + document.body.scrollTop);\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",
       " * https://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",
       "        }\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",
       "        this.canvas.focus();\n",
       "        this.canvas_div.focus();\n",
       "    }\n",
       "\n",
       "    var x = canvas_pos.x * this.ratio;\n",
       "    var y = canvas_pos.y * this.ratio;\n",
       "\n",
       "    this.send_message(name, {\n",
       "        x: x,\n",
       "        y: y,\n",
       "        button: event.button,\n",
       "        step: event.step,\n",
       "        guiEvent: simpleKeys(event),\n",
       "    });\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",
       "    // Prevent repeat events\n",
       "    if (name === 'key_press') {\n",
       "        if (event.key === this._key) {\n",
       "            return;\n",
       "        } else {\n",
       "            this._key = event.key;\n",
       "        }\n",
       "    }\n",
       "    if (name === 'key_release') {\n",
       "        this._key = null;\n",
       "    }\n",
       "\n",
       "    var value = '';\n",
       "    if (event.ctrlKey && event.key !== 'Control') {\n",
       "        value += 'ctrl+';\n",
       "    }\n",
       "    else if (event.altKey && event.key !== 'Alt') {\n",
       "        value += 'alt+';\n",
       "    }\n",
       "    else if (event.shiftKey && event.key !== 'Shift') {\n",
       "        value += 'shift+';\n",
       "    }\n",
       "\n",
       "    value += 'k' + event.key;\n",
       "\n",
       "    this._key_event_extra(event, name);\n",
       "\n",
       "    this.send_message(name, { key: value, 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",
       "\n",
       "///////////////// REMAINING CONTENT GENERATED BY embed_js.py /////////////////\n",
       "// prettier-ignore\n",
       "var _JSXTOOLS_RESIZE_OBSERVER=function(A){var t,i=new WeakMap,n=new WeakMap,a=new WeakMap,r=new WeakMap,o=new Set;function s(e){if(!(this instanceof s))throw new TypeError(\"Constructor requires 'new' operator\");i.set(this,e)}function h(){throw new TypeError(\"Function is not a constructor\")}function c(e,t,i,n){e=0 in arguments?Number(arguments[0]):0,t=1 in arguments?Number(arguments[1]):0,i=2 in arguments?Number(arguments[2]):0,n=3 in arguments?Number(arguments[3]):0,this.right=(this.x=this.left=e)+(this.width=i),this.bottom=(this.y=this.top=t)+(this.height=n),Object.freeze(this)}function d(){t=requestAnimationFrame(d);var s=new WeakMap,p=new Set;o.forEach((function(t){r.get(t).forEach((function(i){var r=t instanceof window.SVGElement,o=a.get(t),d=r?0:parseFloat(o.paddingTop),f=r?0:parseFloat(o.paddingRight),l=r?0:parseFloat(o.paddingBottom),u=r?0:parseFloat(o.paddingLeft),g=r?0:parseFloat(o.borderTopWidth),m=r?0:parseFloat(o.borderRightWidth),w=r?0:parseFloat(o.borderBottomWidth),b=u+f,F=d+l,v=(r?0:parseFloat(o.borderLeftWidth))+m,W=g+w,y=r?0:t.offsetHeight-W-t.clientHeight,E=r?0:t.offsetWidth-v-t.clientWidth,R=b+v,z=F+W,M=r?t.width:parseFloat(o.width)-R-E,O=r?t.height:parseFloat(o.height)-z-y;if(n.has(t)){var k=n.get(t);if(k[0]===M&&k[1]===O)return}n.set(t,[M,O]);var S=Object.create(h.prototype);S.target=t,S.contentRect=new c(u,d,M,O),s.has(i)||(s.set(i,[]),p.add(i)),s.get(i).push(S)}))})),p.forEach((function(e){i.get(e).call(e,s.get(e),e)}))}return s.prototype.observe=function(i){if(i instanceof window.Element){r.has(i)||(r.set(i,new Set),o.add(i),a.set(i,window.getComputedStyle(i)));var n=r.get(i);n.has(this)||n.add(this),cancelAnimationFrame(t),t=requestAnimationFrame(d)}},s.prototype.unobserve=function(i){if(i instanceof window.Element&&r.has(i)){var n=r.get(i);n.has(this)&&(n.delete(this),n.size||(r.delete(i),o.delete(i))),n.size||r.delete(i),o.size||cancelAnimationFrame(t)}},A.DOMRectReadOnly=c,A.ResizeObserver=s,A.ResizeObserverEntry=h,A}; // eslint-disable-line\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\", \"Left button pans, Right button zooms\\nx/y fixes axis, CTRL fixes aspect\", \"fa fa-arrows icon-move\", \"pan\"], [\"Zoom\", \"Zoom to rectangle\\nx/y fixes axis\", \"fa fa-square-o icon-check-empty\", \"zoom\"], [\"\", \"\", \"\", \"\"], [\"Download\", \"Download plot\", \"fa fa-floppy-o icon-save\", \"download\"]];\n",
       "\n",
       "mpl.extensions = [\"eps\", \"jpeg\", \"pgf\", \"pdf\", \"png\", \"ps\", \"raw\", \"svg\", \"tif\"];\n",
       "\n",
       "mpl.default_extension = \"png\";/* global mpl */\n",
       "\n",
       "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.binaryType = comm.kernel.ws.binaryType;\n",
       "    ws.readyState = comm.kernel.ws.readyState;\n",
       "    function updateReadyState(_event) {\n",
       "        if (comm.kernel.ws) {\n",
       "            ws.readyState = comm.kernel.ws.readyState;\n",
       "        } else {\n",
       "            ws.readyState = 3; // Closed state.\n",
       "        }\n",
       "    }\n",
       "    comm.kernel.ws.addEventListener('open', updateReadyState);\n",
       "    comm.kernel.ws.addEventListener('close', updateReadyState);\n",
       "    comm.kernel.ws.addEventListener('error', updateReadyState);\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",
       "        var data = msg['content']['data'];\n",
       "        if (data['blob'] !== undefined) {\n",
       "            data = {\n",
       "                data: new Blob(msg['buffers'], { type: data['blob'] }),\n",
       "            };\n",
       "        }\n",
       "        // Pass the mpl event to the overridden (by mpl) onmessage function.\n",
       "        ws.onmessage(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 = document.getElementById(id);\n",
       "    var ws_proxy = comm_websocket_adapter(comm);\n",
       "\n",
       "    function ondownload(figure, _format) {\n",
       "        window.open(figure.canvas.toDataURL());\n",
       "    }\n",
       "\n",
       "    var fig = new mpl.figure(id, ws_proxy, ondownload, element);\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;\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",
       "    fig.cell_info[0].output_area.element.on(\n",
       "        'cleared',\n",
       "        { fig: fig },\n",
       "        fig._remove_fig_handler\n",
       "    );\n",
       "};\n",
       "\n",
       "mpl.figure.prototype.handle_close = function (fig, msg) {\n",
       "    var width = fig.canvas.width / fig.ratio;\n",
       "    fig.cell_info[0].output_area.element.off(\n",
       "        'cleared',\n",
       "        fig._remove_fig_handler\n",
       "    );\n",
       "    fig.resizeObserverInstance.unobserve(fig.canvas_div);\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.innerHTML =\n",
       "        '<img src=\"' + dataURL + '\" width=\"' + width + '\">';\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 width = this.canvas.width / this.ratio;\n",
       "    var dataURL = this.canvas.toDataURL();\n",
       "    this.cell_info[1]['text/html'] =\n",
       "        '<img src=\"' + dataURL + '\" width=\"' + width + '\">';\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 () {\n",
       "        fig.push_to_output();\n",
       "    }, 1000);\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._init_toolbar = function () {\n",
       "    var fig = this;\n",
       "\n",
       "    var toolbar = document.createElement('div');\n",
       "    toolbar.classList = 'btn-toolbar';\n",
       "    this.root.appendChild(toolbar);\n",
       "\n",
       "    function on_click_closure(name) {\n",
       "        return function (_event) {\n",
       "            return fig.toolbar_button_onclick(name);\n",
       "        };\n",
       "    }\n",
       "\n",
       "    function on_mouseover_closure(tooltip) {\n",
       "        return function (event) {\n",
       "            if (!event.currentTarget.disabled) {\n",
       "                return fig.toolbar_button_onmouseover(tooltip);\n",
       "            }\n",
       "        };\n",
       "    }\n",
       "\n",
       "    fig.buttons = {};\n",
       "    var buttonGroup = document.createElement('div');\n",
       "    buttonGroup.classList = 'btn-group';\n",
       "    var button;\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",
       "            /* Instead of a spacer, we start a new button group. */\n",
       "            if (buttonGroup.hasChildNodes()) {\n",
       "                toolbar.appendChild(buttonGroup);\n",
       "            }\n",
       "            buttonGroup = document.createElement('div');\n",
       "            buttonGroup.classList = 'btn-group';\n",
       "            continue;\n",
       "        }\n",
       "\n",
       "        button = fig.buttons[name] = document.createElement('button');\n",
       "        button.classList = 'btn btn-default';\n",
       "        button.href = '#';\n",
       "        button.title = name;\n",
       "        button.innerHTML = '<i class=\"fa ' + image + ' fa-lg\"></i>';\n",
       "        button.addEventListener('click', on_click_closure(method_name));\n",
       "        button.addEventListener('mouseover', on_mouseover_closure(tooltip));\n",
       "        buttonGroup.appendChild(button);\n",
       "    }\n",
       "\n",
       "    if (buttonGroup.hasChildNodes()) {\n",
       "        toolbar.appendChild(buttonGroup);\n",
       "    }\n",
       "\n",
       "    // Add the status bar.\n",
       "    var status_bar = document.createElement('span');\n",
       "    status_bar.classList = 'mpl-message pull-right';\n",
       "    toolbar.appendChild(status_bar);\n",
       "    this.message = status_bar;\n",
       "\n",
       "    // Add the close button to the window.\n",
       "    var buttongrp = document.createElement('div');\n",
       "    buttongrp.classList = 'btn-group inline pull-right';\n",
       "    button = document.createElement('button');\n",
       "    button.classList = 'btn btn-mini btn-primary';\n",
       "    button.href = '#';\n",
       "    button.title = 'Stop Interaction';\n",
       "    button.innerHTML = '<i class=\"fa fa-power-off icon-remove icon-large\"></i>';\n",
       "    button.addEventListener('click', function (_evt) {\n",
       "        fig.handle_close(fig, {});\n",
       "    });\n",
       "    button.addEventListener(\n",
       "        'mouseover',\n",
       "        on_mouseover_closure('Stop Interaction')\n",
       "    );\n",
       "    buttongrp.appendChild(button);\n",
       "    var titlebar = this.root.querySelector('.ui-dialog-titlebar');\n",
       "    titlebar.insertBefore(buttongrp, titlebar.firstChild);\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._remove_fig_handler = function (event) {\n",
       "    var fig = event.data.fig;\n",
       "    if (event.target !== this) {\n",
       "        // Ignore bubbled events from children.\n",
       "        return;\n",
       "    }\n",
       "    fig.close_ws(fig, {});\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._root_extra_style = function (el) {\n",
       "    el.style.boxSizing = 'content-box'; // override notebook setting of border-box.\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._canvas_extra_style = function (el) {\n",
       "    // this is important to make the div 'focusable\n",
       "    el.setAttribute('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",
       "    } else {\n",
       "        // location in version 2\n",
       "        IPython.keyboard_manager.register_events(el);\n",
       "    }\n",
       "};\n",
       "\n",
       "mpl.figure.prototype._key_event_extra = function (event, _name) {\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",
       "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(\n",
       "        'matplotlib',\n",
       "        mpl.mpl_figure_comm\n",
       "    );\n",
       "}\n"
      ],
      "text/plain": [
       "<IPython.core.display.Javascript object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "<img src=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAGQCAYAAADr8i+wAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAyKADAAQAAAABAAABkAAAAABYZGo6AAAzg0lEQVR4Ae1dCfxV0/bf3X6UTIVKUaIoyvAxFKESmaIQPYQye5l5PMPnT+ZMvY/5UajMlHh6ITTJFHqoSJG5zEUaZDj/9d3s7dx7zzn3DPuce849a30+v989Zw/rrP3dZ509rb12PYtIMDECjIAjAgXHUA5kBBgBiQArCL8IjIAHAqwgHuBwFCPACsLvACPggQAriAc4HMUIpEZBpk2bJgYPHix23HFH0bRpU7H66quLNdZYQzRr1kzssMMO4ogjjhA33HCDeO2118Tvv//uWHNDhgwR9erVk389evRwTBMl8NNPPxV33HGHOOSQQ8RWW20l5VxttdVEkyZNRLt27WT4tddeKxYsWFDxMR9//LEYPny4OOqoo8S2224reYDXeuutJ7bZZhtx8skni6lTp1bk45Xgs88+EzfeeKMAFptssolo2LCh2GCDDUSnTp2krDfffLN47733vFg4xr3//vsaZ+ANnqtWrXJM6xaI8qu68vu71157ubGLLxzTvNWkuXPnWl27dsVUs+8/qmxHkS+99FLNo3v37o5pwgSSYlgnnHCCVVdXp/lXkrdnz57Wq6++Wva4mTNnWp07d/bNh15u65NPPinj4xXw888/W1dccYVFClHxOR07dvRi5Rh34YUXlvF9/PHHHdO6BX700UdlPCphuueee7qxiy28Lj7Vq8z5nXfeEXvssYf4/vvvdWK0HjvttJPYcMMNRaFQkHHvvvuumDdvnm45lixZotPHfTF58mTRr18/sXjxYv0ofPHwlW/btq1Yf/31xdKlS8WiRYvEG2+8IZYtWybTTZo0Sey8886ClER06dJF58XXd8aMGfoeF1tssYX8quNLjLK9/PLL4vPPP5dppkyZInbZZRfx4osvis0226won9MNKYdsHSZMmKCj0cLRR0hiitYXLQspahHuOnGFC+S///77y1KNGjVKHHzwwWXhfgLWXnttccwxx1RM2qFDh4ppjCeITfUqMKYm2dpyyy31V6R58+bWY489Zv3666+OOb/77jvr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lfYAb1gGkmLdCwNyt/Mxe/XqJaZNm+a7u9W+fftYSp0ZBVl77bVjAYCZJo8Aust4oZ944gmpBGeffbajEGhJsMAM64oDDzywLA2mhJX1RWxrZmTWERvRxhXYjET+I6d21g8//BCbnMw4OQRol6BF07ll78SDDz7oKcTXX39dlufDDz/UeezvGq5NUWLWvGXqHyAATTGbtwcALMVJ4cFzn332EY899liRlLDPO++884rC7DfokpXSbrvtprdIxGXDldiW29LCBblHE4vpP6ZyBIJ6BinnECzExE5OvOyYylVub4NJUDl1JrfcVi6Wc4pOnTq5DuScc+QrFP35JGf4TEy3Y2Mc9ge1bt1auu0JeuyGUw2jBTG9axXPSXUXC9N8o0aN0r6PnIDJexi6nl6eQez44Mudlp2cMEyExxJTZHcQYoqn5GNqMOPExz5woq9E2SCLBHANI+WwJk6c6MSWw0Ii4DTQRVgcNGHCBIu8dVq0UzQO9mU87e+ayUF6YtO8Y8eO9T2njW7V1VdfLXbddVejHwNmlgwCl112mdh///3F4sWLBQbSJrplyUhe/pTEFASboPzMad94443So8WZZ54pTjrppHKJOSTVCKDe7N46scCLo9GcZqFSXZA/hUtMQfA82NlgNuruu+8uw2bevHkC5yWee+654qOPPpLxDz/8sFiyZElZWg5ILwKnnHJK2Z6OTz/9NJYBdBIoJKogXgXCSjl2EdoJMxN8LIMdkfRfb7nlloIW/bSg8KwJBWnZsqUOy9JFahQEoKH1wFkldvLjl9Wenq+rj0D//v2l10vYU3388cdigw02qL5QISVIlYKgDBicg+CqFAtJsNdhyh4CGEvSLKRe6c5eCf6QOLF1ELtvXqcB27bbbqvBbN68uVi4cKHYc889XXE1saLrypwjPBFYuXKl2GWXXUSbNm1S58fKU/AQkYkpSKVVztIFrEplyfLUYaWypTl+/vz5okuXLnIK96233hI4neyCCy5Is8iRZEtMQey+eSNJ/GdmNl40gWIwHt9++61cy8K5HYouuugi2R32au1V2iz+JqYgdt+8WQSKZRZysI3FWziYVkRL2nKsUasKkrpBugK+9Bfjlosvvli89957pVF8nyAC2JikbL9gdDh8+HBx7bXXJihBso9KvYJAMa666iq5HwQzXDg7gql6CGA/xxtvvCHatWsn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\" width=\"100\">"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "# Iterate over the different proteins in the slc26 dictionary\n",
    "\n",
    "for isoform in slc26:\n",
    "    \n",
    "    # Calculate the coefficient of mismatch (COM) using bootstrap resampling. Only compare to oligomeric states\n",
    "    # up to n_max. \n",
    "    slc26[isoform].com_bootstrap(n_bootstrap, reference, reference_bootstrap=True, max_n=n_max, only_p=only_consider_p)\n",
    "\n",
    "    # Perform the Kolmogorov-Smirnov (KS) test to compare the observed distribution to the distribution\n",
    "    # of the reference proteins. This could be performed even if no p or m have been calculated.   \n",
    "    slc26[isoform].KS(reference, save_results=True)\n",
    "    \n",
    "    \n",
    "    ###### Plot the results\n",
    "    fig, (ax1, ax2) = plt.subplots(2,1, sharex=True, figsize=(1,2))\n",
    "\n",
    "    # First, plot the mean COM values\n",
    "    ax1.plot(range(1,n_max+1), slc26[isoform].bs_mean, marker=\"o\", ls=\":\", color=\"black\")\n",
    "\n",
    "    # Now, plot the 95% CI of the COM\n",
    "    ax1.errorbar(range(1,n_max+1), slc26[isoform].bs_mean, yerr=\n",
    "                 [(slc26[isoform].bs_mean-slc26[isoform].bs_lower_ci),\n",
    "                 (slc26[isoform].bs_upper_ci-slc26[isoform].bs_mean)],\n",
    "                capsize=5, ls=\":\", color=\"black\")\n",
    "    ax1.set_yticks([0.0, 0.5, 1.0])\n",
    "    ax1.set_ylabel(\"M$^2$(n)\")\n",
    "    \n",
    "    ax1.set_title(isoform)\n",
    "\n",
    "    # Now, plot the KS results\n",
    "  \n",
    "    ax2.plot(range(1, n_max+1), slc26[isoform].ks, lw=0, marker=\"o\", color=\"black\")\n",
    "    ax2.set_ylim(-0.1,1)\n",
    "    ax2.set_ylabel(\"K.-S.\")\n",
    "    ax2.set_xlabel(\"Oligomeric state\")\n",
    "    ax2.axhline(0.05/n_max, color=\"black\", ls=\"--\")\n",
    "    ax2.set_yticks([0.0, 0.5, 1.0])\n",
    "    ax2.set_xticks([1,2,3,4])\n",
    "  \n",
    "    plt.show()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "e5368bd9",
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3 (ipykernel)",
   "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.9.7"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}