{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "    <div class=\"bk-root\">\n",
       "        <a href=\"http://bokeh.pydata.org\" target=\"_blank\" class=\"bk-logo bk-logo-small bk-logo-notebook\"></a>\n",
       "        <span id=\"ac54ac7b-4b9c-45dc-a1c0-f2992219ab7d\">Loading BokehJS ...</span>\n",
       "    </div>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/javascript": [
       "\n",
       "(function(global) {\n",
       "  function now() {\n",
       "    return new Date();\n",
       "  }\n",
       "\n",
       "  var force = true;\n",
       "\n",
       "  if (typeof (window._bokeh_onload_callbacks) === \"undefined\" || force === true) {\n",
       "    window._bokeh_onload_callbacks = [];\n",
       "    window._bokeh_is_loading = undefined;\n",
       "  }\n",
       "\n",
       "\n",
       "  \n",
       "  if (typeof (window._bokeh_timeout) === \"undefined\" || force === true) {\n",
       "    window._bokeh_timeout = Date.now() + 5000;\n",
       "    window._bokeh_failed_load = false;\n",
       "  }\n",
       "\n",
       "  var NB_LOAD_WARNING = {'data': {'text/html':\n",
       "     \"<div style='background-color: #fdd'>\\n\"+\n",
       "     \"<p>\\n\"+\n",
       "     \"BokehJS does not appear to have successfully loaded. If loading BokehJS from CDN, this \\n\"+\n",
       "     \"may be due to a slow or bad network connection. Possible fixes:\\n\"+\n",
       "     \"</p>\\n\"+\n",
       "     \"<ul>\\n\"+\n",
       "     \"<li>re-rerun `output_notebook()` to attempt to load from CDN again, or</li>\\n\"+\n",
       "     \"<li>use INLINE resources instead, as so:</li>\\n\"+\n",
       "     \"</ul>\\n\"+\n",
       "     \"<code>\\n\"+\n",
       "     \"from bokeh.resources import INLINE\\n\"+\n",
       "     \"output_notebook(resources=INLINE)\\n\"+\n",
       "     \"</code>\\n\"+\n",
       "     \"</div>\"}};\n",
       "\n",
       "  function display_loaded() {\n",
       "    if (window.Bokeh !== undefined) {\n",
       "      document.getElementById(\"ac54ac7b-4b9c-45dc-a1c0-f2992219ab7d\").textContent = \"BokehJS successfully loaded.\";\n",
       "    } else if (Date.now() < window._bokeh_timeout) {\n",
       "      setTimeout(display_loaded, 100)\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function run_callbacks() {\n",
       "    window._bokeh_onload_callbacks.forEach(function(callback) { callback() });\n",
       "    delete window._bokeh_onload_callbacks\n",
       "    console.info(\"Bokeh: all callbacks have finished\");\n",
       "  }\n",
       "\n",
       "  function load_libs(js_urls, callback) {\n",
       "    window._bokeh_onload_callbacks.push(callback);\n",
       "    if (window._bokeh_is_loading > 0) {\n",
       "      console.log(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n",
       "      return null;\n",
       "    }\n",
       "    if (js_urls == null || js_urls.length === 0) {\n",
       "      run_callbacks();\n",
       "      return null;\n",
       "    }\n",
       "    console.log(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n",
       "    window._bokeh_is_loading = js_urls.length;\n",
       "    for (var i = 0; i < js_urls.length; i++) {\n",
       "      var url = js_urls[i];\n",
       "      var s = document.createElement('script');\n",
       "      s.src = url;\n",
       "      s.async = false;\n",
       "      s.onreadystatechange = s.onload = function() {\n",
       "        window._bokeh_is_loading--;\n",
       "        if (window._bokeh_is_loading === 0) {\n",
       "          console.log(\"Bokeh: all BokehJS libraries loaded\");\n",
       "          run_callbacks()\n",
       "        }\n",
       "      };\n",
       "      s.onerror = function() {\n",
       "        console.warn(\"failed to load library \" + url);\n",
       "      };\n",
       "      console.log(\"Bokeh: injecting script tag for BokehJS library: \", url);\n",
       "      document.getElementsByTagName(\"head\")[0].appendChild(s);\n",
       "    }\n",
       "  };var element = document.getElementById(\"ac54ac7b-4b9c-45dc-a1c0-f2992219ab7d\");\n",
       "  if (element == null) {\n",
       "    console.log(\"Bokeh: ERROR: autoload.js configured with elementid 'ac54ac7b-4b9c-45dc-a1c0-f2992219ab7d' but no matching script tag was found. \")\n",
       "    return false;\n",
       "  }\n",
       "\n",
       "  var js_urls = [\"https://cdn.pydata.org/bokeh/release/bokeh-0.12.4.min.js\", \"https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.12.4.min.js\"];\n",
       "\n",
       "  var inline_js = [\n",
       "    function(Bokeh) {\n",
       "      Bokeh.set_log_level(\"info\");\n",
       "    },\n",
       "    \n",
       "    function(Bokeh) {\n",
       "      \n",
       "      document.getElementById(\"ac54ac7b-4b9c-45dc-a1c0-f2992219ab7d\").textContent = \"BokehJS is loading...\";\n",
       "    },\n",
       "    function(Bokeh) {\n",
       "      console.log(\"Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-0.12.4.min.css\");\n",
       "      Bokeh.embed.inject_css(\"https://cdn.pydata.org/bokeh/release/bokeh-0.12.4.min.css\");\n",
       "      console.log(\"Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.12.4.min.css\");\n",
       "      Bokeh.embed.inject_css(\"https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.12.4.min.css\");\n",
       "    }\n",
       "  ];\n",
       "\n",
       "  function run_inline_js() {\n",
       "    \n",
       "    if ((window.Bokeh !== undefined) || (force === true)) {\n",
       "      for (var i = 0; i < inline_js.length; i++) {\n",
       "        inline_js[i](window.Bokeh);\n",
       "      }if (force === true) {\n",
       "        display_loaded();\n",
       "      }} else if (Date.now() < window._bokeh_timeout) {\n",
       "      setTimeout(run_inline_js, 100);\n",
       "    } else if (!window._bokeh_failed_load) {\n",
       "      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n",
       "      window._bokeh_failed_load = true;\n",
       "    } else if (force !== true) {\n",
       "      var cell = $(document.getElementById(\"ac54ac7b-4b9c-45dc-a1c0-f2992219ab7d\")).parents('.cell').data().cell;\n",
       "      cell.output_area.append_execute_result(NB_LOAD_WARNING)\n",
       "    }\n",
       "\n",
       "  }\n",
       "\n",
       "  if (window._bokeh_is_loading === 0) {\n",
       "    console.log(\"Bokeh: BokehJS loaded, going straight to plotting\");\n",
       "    run_inline_js();\n",
       "  } else {\n",
       "    load_libs(js_urls, function() {\n",
       "      console.log(\"Bokeh: BokehJS plotting callback run at\", now());\n",
       "      run_inline_js();\n",
       "    });\n",
       "  }\n",
       "}(this));"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "\n",
       "\n",
       "    <div class=\"bk-root\">\n",
       "        <div class=\"bk-plotdiv\" id=\"e0c6572a-5d72-48ad-bfe4-ecae6a3af405\"></div>\n",
       "    </div>\n",
       "<script type=\"text/javascript\">\n",
       "  \n",
       "  (function(global) {\n",
       "    function now() {\n",
       "      return new Date();\n",
       "    }\n",
       "  \n",
       "    var force = false;\n",
       "  \n",
       "    if (typeof (window._bokeh_onload_callbacks) === \"undefined\" || force === true) {\n",
       "      window._bokeh_onload_callbacks = [];\n",
       "      window._bokeh_is_loading = undefined;\n",
       "    }\n",
       "  \n",
       "  \n",
       "    \n",
       "    if (typeof (window._bokeh_timeout) === \"undefined\" || force === true) {\n",
       "      window._bokeh_timeout = Date.now() + 0;\n",
       "      window._bokeh_failed_load = false;\n",
       "    }\n",
       "  \n",
       "    var NB_LOAD_WARNING = {'data': {'text/html':\n",
       "       \"<div style='background-color: #fdd'>\\n\"+\n",
       "       \"<p>\\n\"+\n",
       "       \"BokehJS does not appear to have successfully loaded. If loading BokehJS from CDN, this \\n\"+\n",
       "       \"may be due to a slow or bad network connection. Possible fixes:\\n\"+\n",
       "       \"</p>\\n\"+\n",
       "       \"<ul>\\n\"+\n",
       "       \"<li>re-rerun `output_notebook()` to attempt to load from CDN again, or</li>\\n\"+\n",
       "       \"<li>use INLINE resources instead, as so:</li>\\n\"+\n",
       "       \"</ul>\\n\"+\n",
       "       \"<code>\\n\"+\n",
       "       \"from bokeh.resources import INLINE\\n\"+\n",
       "       \"output_notebook(resources=INLINE)\\n\"+\n",
       "       \"</code>\\n\"+\n",
       "       \"</div>\"}};\n",
       "  \n",
       "    function display_loaded() {\n",
       "      if (window.Bokeh !== undefined) {\n",
       "        document.getElementById(\"e0c6572a-5d72-48ad-bfe4-ecae6a3af405\").textContent = \"BokehJS successfully loaded.\";\n",
       "      } else if (Date.now() < window._bokeh_timeout) {\n",
       "        setTimeout(display_loaded, 100)\n",
       "      }\n",
       "    }\n",
       "  \n",
       "    function run_callbacks() {\n",
       "      window._bokeh_onload_callbacks.forEach(function(callback) { callback() });\n",
       "      delete window._bokeh_onload_callbacks\n",
       "      console.info(\"Bokeh: all callbacks have finished\");\n",
       "    }\n",
       "  \n",
       "    function load_libs(js_urls, callback) {\n",
       "      window._bokeh_onload_callbacks.push(callback);\n",
       "      if (window._bokeh_is_loading > 0) {\n",
       "        console.log(\"Bokeh: BokehJS is being loaded, scheduling callback at\", now());\n",
       "        return null;\n",
       "      }\n",
       "      if (js_urls == null || js_urls.length === 0) {\n",
       "        run_callbacks();\n",
       "        return null;\n",
       "      }\n",
       "      console.log(\"Bokeh: BokehJS not loaded, scheduling load and callback at\", now());\n",
       "      window._bokeh_is_loading = js_urls.length;\n",
       "      for (var i = 0; i < js_urls.length; i++) {\n",
       "        var url = js_urls[i];\n",
       "        var s = document.createElement('script');\n",
       "        s.src = url;\n",
       "        s.async = false;\n",
       "        s.onreadystatechange = s.onload = function() {\n",
       "          window._bokeh_is_loading--;\n",
       "          if (window._bokeh_is_loading === 0) {\n",
       "            console.log(\"Bokeh: all BokehJS libraries loaded\");\n",
       "            run_callbacks()\n",
       "          }\n",
       "        };\n",
       "        s.onerror = function() {\n",
       "          console.warn(\"failed to load library \" + url);\n",
       "        };\n",
       "        console.log(\"Bokeh: injecting script tag for BokehJS library: \", url);\n",
       "        document.getElementsByTagName(\"head\")[0].appendChild(s);\n",
       "      }\n",
       "    };var element = document.getElementById(\"e0c6572a-5d72-48ad-bfe4-ecae6a3af405\");\n",
       "    if (element == null) {\n",
       "      console.log(\"Bokeh: ERROR: autoload.js configured with elementid 'e0c6572a-5d72-48ad-bfe4-ecae6a3af405' but no matching script tag was found. \")\n",
       "      return false;\n",
       "    }\n",
       "  \n",
       "    var js_urls = [];\n",
       "  \n",
       "    var inline_js = [\n",
       "      function(Bokeh) {\n",
       "        \n",
       "        \n",
       "        (function outer(modules, cache, entry) {\n",
       "          if (Bokeh != null) {\n",
       "            for (var name in modules) {\n",
       "              Bokeh.require.modules[name] = modules[name];\n",
       "            }\n",
       "        \n",
       "            for (var i = 0; i < entry.length; i++) {\n",
       "              var plugin = Bokeh.require(entry[i]);\n",
       "              Bokeh.Models.register_models(plugin.models);\n",
       "        \n",
       "              for (var name in plugin) {\n",
       "                if (name !== \"models\") {\n",
       "                  Bokeh[name] = plugin[name];\n",
       "                }\n",
       "              }\n",
       "            }\n",
       "          } else {\n",
       "            throw new Error(\"Cannot find Bokeh. You have to load it prior to loading plugins.\");\n",
       "          }\n",
       "        })\n",
       "        \n",
       "        ({\n",
       "          \"custom/main\": [function(require, module, exports) {\n",
       "            module.exports = {\n",
       "              models: {\n",
       "                \"CustomHoverTool\": require(\"custom/custom_hover_tool\").CustomHoverTool\n",
       "              }\n",
       "            };\n",
       "          }, {}],\n",
       "          \"custom/custom_hover_tool\": [function(require, module, exports) {\n",
       "        \"use strict\";\n",
       "        var extend = function (child, parent) { for (var key in parent) {\n",
       "            if (hasProp.call(parent, key))\n",
       "                child[key] = parent[key];\n",
       "        } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; }, hasProp = {}.hasOwnProperty;\n",
       "        var hover_tool_1 = require(\"models/tools/inspectors/hover_tool\");\n",
       "        var hittest = require(\"core/hittest\");\n",
       "        exports.CustomHoverToolView = (function (superClass) {\n",
       "            extend(CustomHoverToolView, superClass);\n",
       "            function CustomHoverToolView() {\n",
       "                return CustomHoverToolView.__super__.constructor.apply(this, arguments);\n",
       "            }\n",
       "            CustomHoverToolView.prototype.bind_bokeh_events = function () {\n",
       "                var i, len, r, ref, results;\n",
       "                CustomHoverToolView.__super__.bind_bokeh_events.call(this);\n",
       "                ref = this.model.computed_renderers;\n",
       "                results = [];\n",
       "                for (i = 0, len = ref.length; i < len; i++) {\n",
       "                    r = ref[i];\n",
       "                    results.push(this.listenTo(r.data_source, 'cross-link', this._cross_link));\n",
       "                }\n",
       "                return results;\n",
       "            };\n",
       "            CustomHoverToolView.prototype._cross_link = function (indices, geometry, tool) {\n",
       "                var ds, r, result;\n",
       "                if (this.model.id !== tool.id) {\n",
       "                    return;\n",
       "                }\n",
       "                result = hittest.create_hit_test_result();\n",
       "                result['1d'].indices = indices;\n",
       "                r = this.model.computed_renderers[0];\n",
       "                ds = r.data_source;\n",
       "                return this._update(result, this, this.plot_view.renderer_views[r.id], ds, {\n",
       "                    geometry: geometry\n",
       "                });\n",
       "            };\n",
       "            return CustomHoverToolView;\n",
       "        })(hover_tool_1.HoverToolView);\n",
       "        exports.CustomHoverTool = (function (superClass) {\n",
       "            extend(CustomHoverTool, superClass);\n",
       "            function CustomHoverTool() {\n",
       "                return CustomHoverTool.__super__.constructor.apply(this, arguments);\n",
       "            }\n",
       "            CustomHoverTool.prototype.default_view = exports.CustomHoverToolView;\n",
       "            CustomHoverTool.prototype.type = \"CustomHoverTool\";\n",
       "            CustomHoverTool.prototype.tool_name = \"CustomHover\";\n",
       "            CustomHoverTool.prototype.icon = \"bk-tool-icon-hover\";\n",
       "            return CustomHoverTool;\n",
       "        })(hover_tool_1.HoverTool);\n",
       "        \n",
       "        }, {}]\n",
       "        }, {}, [\"custom/main\"]);\n",
       "      },\n",
       "      \n",
       "      function(Bokeh) {\n",
       "        (function() {\n",
       "          var fn = function() {\n",
       "            var docs_json = {\"b0751b55-61ae-4bce-b0f1-0503bf0d2883\":{\"roots\":{\"references\":[{\"attributes\":{\"children\":[{\"id\":\"171964cc-42fd-4e01-ac81-fafb5007d96a\",\"type\":\"ToolbarBox\"},{\"id\":\"e4ce3660-72b9-41b4-965f-f7d3f68bdc8c\",\"type\":\"Column\"}]},\"id\":\"1ff32000-b84e-4918-bab0-271aa98bcd79\",\"type\":\"Column\"},{\"attributes\":{\"formatter\":{\"id\":\"2ec39ccb-f0cc-44c2-932c-0588702cba4b\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"a07f0ed0-eec8-4957-a57c-0a55c63b48c7\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"c8579cfd-1b1b-4f94-93e0-3613a98e5189\",\"type\":\"BasicTicker\"}},\"id\":\"472be868-227a-494e-9cff-433876c3f5dc\",\"type\":\"LinearAxis\"},{\"attributes\":{\"callback\":null,\"overlay\":{\"id\":\"9f6f9ca9-92ce-4714-aaad-ee7a284cf91e\",\"type\":\"BoxAnnotation\"},\"plot\":{\"id\":\"a07f0ed0-eec8-4957-a57c-0a55c63b48c7\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"renderers\":[{\"id\":\"c2be9829-bf53-4f43-8032-6cc6bee0057d\",\"type\":\"GlyphRenderer\"}]},\"id\":\"37a5119d-6ca6-47e3-9788-b2e917b01a63\",\"type\":\"BoxSelectTool\"},{\"attributes\":{\"plot\":{\"id\":\"03331d40-c703-4406-8ce8-ab3c6b796968\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"6299109f-7226-4c6b-9dc6-f19a13acd379\",\"type\":\"BasicTicker\"}},\"id\":\"7fb9ffdd-49ab-4783-b129-092c1f98f8ed\",\"type\":\"Grid\"},{\"attributes\":{\"callback\":null},\"id\":\"b09c2663-368b-4962-b351-468fcc4d7c35\",\"type\":\"DataRange1d\"},{\"attributes\":{\"callback\":null},\"id\":\"7ca867c7-4b59-4996-b3d5-c3895b9669f2\",\"type\":\"DataRange1d\"},{\"attributes\":{\"callback\":null,\"plot\":{\"id\":\"a07f0ed0-eec8-4957-a57c-0a55c63b48c7\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"tooltips\":\"<div> x: @x </div><div> y: @y0 </div>\"},\"id\":\"5b7a8d70-b80e-46d0-8778-1d02a41fe572\",\"type\":\"CustomHoverTool\"},{\"attributes\":{\"fill_color\":{\"value\":\"#1f77b4\"},\"line_color\":{\"value\":\"#1f77b4\"},\"radius\":{\"units\":\"data\",\"value\":0.25},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y0\"}},\"id\":\"0c7e8fbe-f490-4dbc-a7b1-8dede21359ab\",\"type\":\"Circle\"},{\"attributes\":{\"args\":{\"hover\":{\"id\":\"5b7a8d70-b80e-46d0-8778-1d02a41fe572\",\"type\":\"CustomHoverTool\"},\"source\":{\"id\":\"d5beaf8f-5321-45ce-84d7-26be3c5cd0fb\",\"type\":\"ColumnDataSource\"}},\"code\":\"\\n\\nvar indices = cb_data.index['1d'].indices;\\nsource.trigger('cross-link', indices, cb_data.geometry, hover)\\n\\n\"},\"id\":\"f0d46981-573c-42bf-9880-473c1898955e\",\"type\":\"CustomJS\"},{\"attributes\":{\"formatter\":{\"id\":\"338abe4e-581f-4682-8436-eb89171e45d8\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"03331d40-c703-4406-8ce8-ab3c6b796968\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"6299109f-7226-4c6b-9dc6-f19a13acd379\",\"type\":\"BasicTicker\"}},\"id\":\"a279e65e-f9d4-417f-80ec-9b28edc436c3\",\"type\":\"LinearAxis\"},{\"attributes\":{\"callback\":null,\"overlay\":{\"id\":\"e59f25c3-494f-4d5e-a578-17f14eefaa5e\",\"type\":\"PolyAnnotation\"},\"plot\":{\"id\":\"03331d40-c703-4406-8ce8-ab3c6b796968\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"650f5b72-e22f-4e50-9eed-9e07c08932ff\",\"type\":\"LassoSelectTool\"},{\"attributes\":{\"below\":[{\"id\":\"472be868-227a-494e-9cff-433876c3f5dc\",\"type\":\"LinearAxis\"}],\"left\":[{\"id\":\"2b9d6d97-efd6-4204-919b-8f059ffee500\",\"type\":\"LinearAxis\"}],\"plot_height\":300,\"plot_width\":300,\"renderers\":[{\"id\":\"472be868-227a-494e-9cff-433876c3f5dc\",\"type\":\"LinearAxis\"},{\"id\":\"7fa24ea5-5261-45c0-86d5-5330ebc442e2\",\"type\":\"Grid\"},{\"id\":\"2b9d6d97-efd6-4204-919b-8f059ffee500\",\"type\":\"LinearAxis\"},{\"id\":\"cb681a98-0cb6-46a6-b0fc-3c3b6f170c12\",\"type\":\"Grid\"},{\"id\":\"9f6f9ca9-92ce-4714-aaad-ee7a284cf91e\",\"type\":\"BoxAnnotation\"},{\"id\":\"de453b10-0ede-449c-b0ff-6b5ba54c4d35\",\"type\":\"PolyAnnotation\"},{\"id\":\"c2be9829-bf53-4f43-8032-6cc6bee0057d\",\"type\":\"GlyphRenderer\"}],\"title\":null,\"tool_events\":{\"id\":\"934b1839-2b96-4e18-8fc5-398c97c75bf6\",\"type\":\"ToolEvents\"},\"toolbar\":{\"id\":\"08cbd743-9f31-4aae-9cfa-56bb00bdcd5d\",\"type\":\"Toolbar\"},\"toolbar_location\":null,\"x_range\":{\"id\":\"4dde6470-749f-4016-8c87-823f94ce6295\",\"type\":\"DataRange1d\"},\"y_range\":{\"id\":\"b09c2663-368b-4962-b351-468fcc4d7c35\",\"type\":\"DataRange1d\"}},\"id\":\"a07f0ed0-eec8-4957-a57c-0a55c63b48c7\",\"subtype\":\"Figure\",\"type\":\"Plot\"},{\"attributes\":{\"active_drag\":\"auto\",\"active_scroll\":\"auto\",\"active_tap\":\"auto\",\"tools\":[{\"id\":\"37a5119d-6ca6-47e3-9788-b2e917b01a63\",\"type\":\"BoxSelectTool\"},{\"id\":\"8bbc9c27-b897-43ad-9573-c4920d55809f\",\"type\":\"LassoSelectTool\"},{\"id\":\"b9a5577d-df9f-4da4-8095-4fa96408fc4f\",\"type\":\"HelpTool\"},{\"id\":\"5b7a8d70-b80e-46d0-8778-1d02a41fe572\",\"type\":\"CustomHoverTool\"}]},\"id\":\"08cbd743-9f31-4aae-9cfa-56bb00bdcd5d\",\"type\":\"Toolbar\"},{\"attributes\":{\"bottom_units\":\"screen\",\"fill_alpha\":{\"value\":0.5},\"fill_color\":{\"value\":\"lightgrey\"},\"left_units\":\"screen\",\"level\":\"overlay\",\"line_alpha\":{\"value\":1.0},\"line_color\":{\"value\":\"black\"},\"line_dash\":[4,4],\"line_width\":{\"value\":2},\"plot\":null,\"render_mode\":\"css\",\"right_units\":\"screen\",\"top_units\":\"screen\"},\"id\":\"ba94eef6-4208-4984-a2e7-3c814de0bdce\",\"type\":\"BoxAnnotation\"},{\"attributes\":{\"fill_color\":{\"value\":\"#1f77b4\"},\"line_color\":{\"value\":\"#1f77b4\"},\"radius\":{\"units\":\"data\",\"value\":0.25},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y1\"}},\"id\":\"9e100bf8-31a2-4bdb-8d6e-90ba0aa69d52\",\"type\":\"Circle\"},{\"attributes\":{\"callback\":null},\"id\":\"237f4345-0791-4757-9f20-77c71a909be5\",\"type\":\"DataRange1d\"},{\"attributes\":{\"callback\":null,\"column_names\":[\"y1\",\"y0\",\"x\"],\"data\":{\"x\":[0,1,2,3,4,5,6,7,8,9],\"y0\":[0,1,2,3,4,5,6,7,8,9],\"y1\":[0,1,2,3,4,5,6,7,8,9]}},\"id\":\"d5beaf8f-5321-45ce-84d7-26be3c5cd0fb\",\"type\":\"ColumnDataSource\"},{\"attributes\":{},\"id\":\"934b1839-2b96-4e18-8fc5-398c97c75bf6\",\"type\":\"ToolEvents\"},{\"attributes\":{\"dimension\":1,\"plot\":{\"id\":\"a07f0ed0-eec8-4957-a57c-0a55c63b48c7\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"f429e148-b0b1-4510-b35f-e15ce690d1cc\",\"type\":\"BasicTicker\"}},\"id\":\"cb681a98-0cb6-46a6-b0fc-3c3b6f170c12\",\"type\":\"Grid\"},{\"attributes\":{},\"id\":\"e54e7012-adca-4524-967d-579e7087b759\",\"type\":\"BasicTicker\"},{\"attributes\":{},\"id\":\"f8dbdfa7-dadf-4670-9fbb-a4f3ef12bac1\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"callback\":null,\"overlay\":{\"id\":\"de453b10-0ede-449c-b0ff-6b5ba54c4d35\",\"type\":\"PolyAnnotation\"},\"plot\":{\"id\":\"a07f0ed0-eec8-4957-a57c-0a55c63b48c7\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"8bbc9c27-b897-43ad-9573-c4920d55809f\",\"type\":\"LassoSelectTool\"},{\"attributes\":{\"callback\":null},\"id\":\"4dde6470-749f-4016-8c87-823f94ce6295\",\"type\":\"DataRange1d\"},{\"attributes\":{\"children\":[{\"id\":\"a07f0ed0-eec8-4957-a57c-0a55c63b48c7\",\"subtype\":\"Figure\",\"type\":\"Plot\"},{\"id\":\"03331d40-c703-4406-8ce8-ab3c6b796968\",\"subtype\":\"Figure\",\"type\":\"Plot\"}]},\"id\":\"b075d54f-daf8-4177-96ee-ac8b4ca2fe87\",\"type\":\"Row\"},{\"attributes\":{},\"id\":\"6299109f-7226-4c6b-9dc6-f19a13acd379\",\"type\":\"BasicTicker\"},{\"attributes\":{\"dimension\":1,\"plot\":{\"id\":\"03331d40-c703-4406-8ce8-ab3c6b796968\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"e54e7012-adca-4524-967d-579e7087b759\",\"type\":\"BasicTicker\"}},\"id\":\"58d61b2d-0b81-4266-8f6e-3abdeed9cec0\",\"type\":\"Grid\"},{\"attributes\":{\"plot\":{\"id\":\"a07f0ed0-eec8-4957-a57c-0a55c63b48c7\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"b9a5577d-df9f-4da4-8095-4fa96408fc4f\",\"type\":\"HelpTool\"},{\"attributes\":{},\"id\":\"2ec39ccb-f0cc-44c2-932c-0588702cba4b\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.1},\"fill_color\":{\"value\":\"#1f77b4\"},\"line_alpha\":{\"value\":0.1},\"line_color\":{\"value\":\"#1f77b4\"},\"radius\":{\"units\":\"data\",\"value\":0.25},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y0\"}},\"id\":\"4f8cb762-f445-42b7-97c6-aa71e55abc21\",\"type\":\"Circle\"},{\"attributes\":{\"sizing_mode\":\"scale_width\",\"toolbar_location\":\"above\",\"tools\":[{\"id\":\"37a5119d-6ca6-47e3-9788-b2e917b01a63\",\"type\":\"BoxSelectTool\"},{\"id\":\"8bbc9c27-b897-43ad-9573-c4920d55809f\",\"type\":\"LassoSelectTool\"},{\"id\":\"b9a5577d-df9f-4da4-8095-4fa96408fc4f\",\"type\":\"HelpTool\"},{\"id\":\"5b7a8d70-b80e-46d0-8778-1d02a41fe572\",\"type\":\"CustomHoverTool\"},{\"id\":\"37a5119d-6ca6-47e3-9788-b2e917b01a63\",\"type\":\"BoxSelectTool\"},{\"id\":\"8bbc9c27-b897-43ad-9573-c4920d55809f\",\"type\":\"LassoSelectTool\"},{\"id\":\"b9a5577d-df9f-4da4-8095-4fa96408fc4f\",\"type\":\"HelpTool\"},{\"id\":\"5b7a8d70-b80e-46d0-8778-1d02a41fe572\",\"type\":\"CustomHoverTool\"},{\"id\":\"cd7b200e-5b1f-422a-9248-a5f1ea313b05\",\"type\":\"BoxSelectTool\"},{\"id\":\"650f5b72-e22f-4e50-9eed-9e07c08932ff\",\"type\":\"LassoSelectTool\"},{\"id\":\"29194121-7ba8-4a8e-8ec8-67715902c14c\",\"type\":\"HelpTool\"},{\"id\":\"91d7eac6-a10b-48a8-9f8f-dbbf39efdd82\",\"type\":\"CustomHoverTool\"}]},\"id\":\"171964cc-42fd-4e01-ac81-fafb5007d96a\",\"type\":\"ToolbarBox\"},{\"attributes\":{},\"id\":\"338abe4e-581f-4682-8436-eb89171e45d8\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.1},\"fill_color\":{\"value\":\"#1f77b4\"},\"line_alpha\":{\"value\":0.1},\"line_color\":{\"value\":\"#1f77b4\"},\"radius\":{\"units\":\"data\",\"value\":0.25},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y1\"}},\"id\":\"39e69803-c3b8-4271-802a-c6e6bda839f7\",\"type\":\"Circle\"},{\"attributes\":{},\"id\":\"c8579cfd-1b1b-4f94-93e0-3613a98e5189\",\"type\":\"BasicTicker\"},{\"attributes\":{\"data_source\":{\"id\":\"d5beaf8f-5321-45ce-84d7-26be3c5cd0fb\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"0c7e8fbe-f490-4dbc-a7b1-8dede21359ab\",\"type\":\"Circle\"},\"hover_glyph\":null,\"nonselection_glyph\":{\"id\":\"4f8cb762-f445-42b7-97c6-aa71e55abc21\",\"type\":\"Circle\"},\"selection_glyph\":null},\"id\":\"c2be9829-bf53-4f43-8032-6cc6bee0057d\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.5},\"fill_color\":{\"value\":\"lightgrey\"},\"level\":\"overlay\",\"line_alpha\":{\"value\":1.0},\"line_color\":{\"value\":\"black\"},\"line_dash\":[4,4],\"line_width\":{\"value\":2},\"plot\":null,\"xs_units\":\"screen\",\"ys_units\":\"screen\"},\"id\":\"e59f25c3-494f-4d5e-a578-17f14eefaa5e\",\"type\":\"PolyAnnotation\"},{\"attributes\":{\"active_drag\":\"auto\",\"active_scroll\":\"auto\",\"active_tap\":\"auto\",\"tools\":[{\"id\":\"cd7b200e-5b1f-422a-9248-a5f1ea313b05\",\"type\":\"BoxSelectTool\"},{\"id\":\"650f5b72-e22f-4e50-9eed-9e07c08932ff\",\"type\":\"LassoSelectTool\"},{\"id\":\"29194121-7ba8-4a8e-8ec8-67715902c14c\",\"type\":\"HelpTool\"},{\"id\":\"91d7eac6-a10b-48a8-9f8f-dbbf39efdd82\",\"type\":\"CustomHoverTool\"}]},\"id\":\"5098bc47-a87c-49d8-9cac-e5748cdc8ba2\",\"type\":\"Toolbar\"},{\"attributes\":{\"bottom_units\":\"screen\",\"fill_alpha\":{\"value\":0.5},\"fill_color\":{\"value\":\"lightgrey\"},\"left_units\":\"screen\",\"level\":\"overlay\",\"line_alpha\":{\"value\":1.0},\"line_color\":{\"value\":\"black\"},\"line_dash\":[4,4],\"line_width\":{\"value\":2},\"plot\":null,\"render_mode\":\"css\",\"right_units\":\"screen\",\"top_units\":\"screen\"},\"id\":\"9f6f9ca9-92ce-4714-aaad-ee7a284cf91e\",\"type\":\"BoxAnnotation\"},{\"attributes\":{},\"id\":\"636cfdd9-5db6-4c6a-8492-6fba656c99d0\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"formatter\":{\"id\":\"f8dbdfa7-dadf-4670-9fbb-a4f3ef12bac1\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"a07f0ed0-eec8-4957-a57c-0a55c63b48c7\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"f429e148-b0b1-4510-b35f-e15ce690d1cc\",\"type\":\"BasicTicker\"}},\"id\":\"2b9d6d97-efd6-4204-919b-8f059ffee500\",\"type\":\"LinearAxis\"},{\"attributes\":{\"plot\":{\"id\":\"03331d40-c703-4406-8ce8-ab3c6b796968\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"29194121-7ba8-4a8e-8ec8-67715902c14c\",\"type\":\"HelpTool\"},{\"attributes\":{\"callback\":null,\"overlay\":{\"id\":\"ba94eef6-4208-4984-a2e7-3c814de0bdce\",\"type\":\"BoxAnnotation\"},\"plot\":{\"id\":\"03331d40-c703-4406-8ce8-ab3c6b796968\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"renderers\":[{\"id\":\"cb540b38-dfee-459a-95b6-01212ff3b894\",\"type\":\"GlyphRenderer\"}]},\"id\":\"cd7b200e-5b1f-422a-9248-a5f1ea313b05\",\"type\":\"BoxSelectTool\"},{\"attributes\":{\"callback\":{\"id\":\"f0d46981-573c-42bf-9880-473c1898955e\",\"type\":\"CustomJS\"},\"plot\":{\"id\":\"03331d40-c703-4406-8ce8-ab3c6b796968\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"91d7eac6-a10b-48a8-9f8f-dbbf39efdd82\",\"type\":\"CustomHoverTool\"},{\"attributes\":{\"plot\":{\"id\":\"a07f0ed0-eec8-4957-a57c-0a55c63b48c7\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"c8579cfd-1b1b-4f94-93e0-3613a98e5189\",\"type\":\"BasicTicker\"}},\"id\":\"7fa24ea5-5261-45c0-86d5-5330ebc442e2\",\"type\":\"Grid\"},{\"attributes\":{\"children\":[{\"id\":\"b075d54f-daf8-4177-96ee-ac8b4ca2fe87\",\"type\":\"Row\"}]},\"id\":\"e4ce3660-72b9-41b4-965f-f7d3f68bdc8c\",\"type\":\"Column\"},{\"attributes\":{\"formatter\":{\"id\":\"636cfdd9-5db6-4c6a-8492-6fba656c99d0\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"03331d40-c703-4406-8ce8-ab3c6b796968\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"e54e7012-adca-4524-967d-579e7087b759\",\"type\":\"BasicTicker\"}},\"id\":\"2f28d339-a80c-435f-b175-eedc150dfcbf\",\"type\":\"LinearAxis\"},{\"attributes\":{},\"id\":\"c9520e62-90b8-4c0e-bbcf-d9a658d8a22d\",\"type\":\"ToolEvents\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.5},\"fill_color\":{\"value\":\"lightgrey\"},\"level\":\"overlay\",\"line_alpha\":{\"value\":1.0},\"line_color\":{\"value\":\"black\"},\"line_dash\":[4,4],\"line_width\":{\"value\":2},\"plot\":null,\"xs_units\":\"screen\",\"ys_units\":\"screen\"},\"id\":\"de453b10-0ede-449c-b0ff-6b5ba54c4d35\",\"type\":\"PolyAnnotation\"},{\"attributes\":{\"data_source\":{\"id\":\"d5beaf8f-5321-45ce-84d7-26be3c5cd0fb\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"9e100bf8-31a2-4bdb-8d6e-90ba0aa69d52\",\"type\":\"Circle\"},\"hover_glyph\":null,\"nonselection_glyph\":{\"id\":\"39e69803-c3b8-4271-802a-c6e6bda839f7\",\"type\":\"Circle\"},\"selection_glyph\":null},\"id\":\"cb540b38-dfee-459a-95b6-01212ff3b894\",\"type\":\"GlyphRenderer\"},{\"attributes\":{},\"id\":\"f429e148-b0b1-4510-b35f-e15ce690d1cc\",\"type\":\"BasicTicker\"},{\"attributes\":{\"below\":[{\"id\":\"a279e65e-f9d4-417f-80ec-9b28edc436c3\",\"type\":\"LinearAxis\"}],\"left\":[{\"id\":\"2f28d339-a80c-435f-b175-eedc150dfcbf\",\"type\":\"LinearAxis\"}],\"plot_height\":300,\"plot_width\":300,\"renderers\":[{\"id\":\"a279e65e-f9d4-417f-80ec-9b28edc436c3\",\"type\":\"LinearAxis\"},{\"id\":\"7fb9ffdd-49ab-4783-b129-092c1f98f8ed\",\"type\":\"Grid\"},{\"id\":\"2f28d339-a80c-435f-b175-eedc150dfcbf\",\"type\":\"LinearAxis\"},{\"id\":\"58d61b2d-0b81-4266-8f6e-3abdeed9cec0\",\"type\":\"Grid\"},{\"id\":\"ba94eef6-4208-4984-a2e7-3c814de0bdce\",\"type\":\"BoxAnnotation\"},{\"id\":\"e59f25c3-494f-4d5e-a578-17f14eefaa5e\",\"type\":\"PolyAnnotation\"},{\"id\":\"cb540b38-dfee-459a-95b6-01212ff3b894\",\"type\":\"GlyphRenderer\"}],\"title\":null,\"tool_events\":{\"id\":\"c9520e62-90b8-4c0e-bbcf-d9a658d8a22d\",\"type\":\"ToolEvents\"},\"toolbar\":{\"id\":\"5098bc47-a87c-49d8-9cac-e5748cdc8ba2\",\"type\":\"Toolbar\"},\"toolbar_location\":null,\"x_range\":{\"id\":\"237f4345-0791-4757-9f20-77c71a909be5\",\"type\":\"DataRange1d\"},\"y_range\":{\"id\":\"7ca867c7-4b59-4996-b3d5-c3895b9669f2\",\"type\":\"DataRange1d\"}},\"id\":\"03331d40-c703-4406-8ce8-ab3c6b796968\",\"subtype\":\"Figure\",\"type\":\"Plot\"}],\"root_ids\":[\"1ff32000-b84e-4918-bab0-271aa98bcd79\"]},\"title\":\"Bokeh Application\",\"version\":\"0.12.4\"}};\n",
       "            var render_items = [{\"docid\":\"b0751b55-61ae-4bce-b0f1-0503bf0d2883\",\"elementid\":\"e0c6572a-5d72-48ad-bfe4-ecae6a3af405\",\"modelid\":\"1ff32000-b84e-4918-bab0-271aa98bcd79\"}];\n",
       "            \n",
       "            Bokeh.embed.embed_items(docs_json, render_items);\n",
       "          };\n",
       "          if (document.readyState != \"loading\") fn();\n",
       "          else document.addEventListener(\"DOMContentLoaded\", fn);\n",
       "        })();\n",
       "      },\n",
       "      function(Bokeh) {\n",
       "      }\n",
       "    ];\n",
       "  \n",
       "    function run_inline_js() {\n",
       "      \n",
       "      if ((window.Bokeh !== undefined) || (force === true)) {\n",
       "        for (var i = 0; i < inline_js.length; i++) {\n",
       "          inline_js[i](window.Bokeh);\n",
       "        }if (force === true) {\n",
       "          display_loaded();\n",
       "        }} else if (Date.now() < window._bokeh_timeout) {\n",
       "        setTimeout(run_inline_js, 100);\n",
       "      } else if (!window._bokeh_failed_load) {\n",
       "        console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n",
       "        window._bokeh_failed_load = true;\n",
       "      } else if (force !== true) {\n",
       "        var cell = $(document.getElementById(\"e0c6572a-5d72-48ad-bfe4-ecae6a3af405\")).parents('.cell').data().cell;\n",
       "        cell.output_area.append_execute_result(NB_LOAD_WARNING)\n",
       "      }\n",
       "  \n",
       "    }\n",
       "  \n",
       "    if (window._bokeh_is_loading === 0) {\n",
       "      console.log(\"Bokeh: BokehJS loaded, going straight to plotting\");\n",
       "      run_inline_js();\n",
       "    } else {\n",
       "      load_libs(js_urls, function() {\n",
       "        console.log(\"Bokeh: BokehJS plotting callback run at\", now());\n",
       "        run_inline_js();\n",
       "      });\n",
       "    }\n",
       "  }(this));\n",
       "</script>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "# Author : Dheepak Krishnamurthy\n",
    "# License : BSD 3 Clause\n",
    "# Title : Custom HoverTool for linked hover tooltips\n",
    "#         Based on example from Bokeh Docs\n",
    "\n",
    "from bokeh.io import output_notebook, show\n",
    "from bokeh.layouts import gridplot\n",
    "from bokeh.models import ColumnDataSource\n",
    "from bokeh.plotting import figure\n",
    "from bokeh.models import HoverTool, CustomJS\n",
    "\n",
    "output_notebook()\n",
    "\n",
    "JS_CODE = \"\"\"\n",
    "import {HoverToolView, HoverTool} from \"models/tools/inspectors/hover_tool\"\n",
    "import * as hittest from \"core/hittest\"\n",
    "\n",
    "export class CustomHoverToolView extends HoverToolView\n",
    "  bind_bokeh_events: () ->\n",
    "    super()\n",
    "    for r in @model.computed_renderers\n",
    "      @listenTo(r.data_source, 'cross-link', @_cross_link)\n",
    "\n",
    "  _cross_link: (indices, geometry, tool) ->  \n",
    "    # Probably not necessary\n",
    "    if ( @.model.id != tool.id ) \n",
    "      return\n",
    "    \n",
    "    result = hittest.create_hit_test_result()\n",
    "    result['1d'].indices = indices\n",
    "    \n",
    "    r = @model.computed_renderers[0]    \n",
    "    ds = r.data_source\n",
    "    @._update(result, @, @plot_view.renderer_views[r.id], ds, {geometry})\n",
    "      \n",
    "export class CustomHoverTool extends HoverTool\n",
    "  default_view: CustomHoverToolView\n",
    "  type: \"CustomHoverTool\"\n",
    "  tool_name: \"CustomHover\"\n",
    "  icon: \"bk-tool-icon-hover\"\n",
    "\"\"\"\n",
    "\n",
    "class CustomHoverTool(HoverTool):\n",
    "    __implementation__ = JS_CODE\n",
    "\n",
    "x = list(range(0, 10))\n",
    "y0 = [abs(xx) for xx in x]\n",
    "y1 = y0\n",
    "\n",
    "# create a column data source for the plots to share\n",
    "source = ColumnDataSource(data=dict(x=x, y0=y0, y1=y1))\n",
    "\n",
    "TOOLS = \"box_select,lasso_select,help\"\n",
    "\n",
    "# create a new plot and add a renderer\n",
    "left = figure(tools=TOOLS, width=300, height=300, title=None)\n",
    "left.circle('x', 'y0', source=source, radius=.25)\n",
    "\n",
    "# create another new plot and add a renderer\n",
    "right = figure(tools=TOOLS, width=300, height=300, title=None)\n",
    "right.circle('x', 'y1', source=source, radius=.25)\n",
    "\n",
    "h1 = CustomHoverTool(tooltips='''<div> x: @x </div><div> y: @y0 </div>''')\n",
    "h2 = CustomHoverTool()\n",
    "\n",
    "h2.callback = CustomJS(args=dict(hover=h1, source=source), code='''\n",
    "\n",
    "var indices = cb_data.index['1d'].indices;\n",
    "source.trigger('cross-link', indices, cb_data.geometry, hover)\n",
    "\n",
    "''')\n",
    "\n",
    "left.add_tools(h1)\n",
    "right.add_tools(h2)\n",
    "\n",
    "p = gridplot([[left, right]])\n",
    "\n",
    "show(p)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {
    "collapsed": true
   },
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 2",
   "language": "python",
   "name": "python2"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 2
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython2",
   "version": "2.7.12"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 1
}