{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# NetworkX to Bokeh | Layout for Custom Node position"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {
    "ExecuteTime": {
     "end_time": "2018-09-23T04:05:18.616800Z",
     "start_time": "2018-09-23T04:05:16.848556Z"
    }
   },
   "outputs": [],
   "source": [
    "import sys\n",
    "\n",
    "import matplotlib.pyplot as plt\n",
    "import networkx as nx\n",
    "import bokeh\n",
    "from bokeh.io import show, output_notebook\n",
    "from bokeh.models import Plot, Range1d, MultiLine, Circle, HoverTool, StaticLayoutProvider\n",
    "from bokeh.models.graphs import from_networkx\n",
    "\n",
    "%matplotlib inline"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {
    "ExecuteTime": {
     "end_time": "2018-09-23T04:05:19.143398Z",
     "start_time": "2018-09-23T04:05:19.134082Z"
    }
   },
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "NetworkX: 2.2\n",
      "Bokeh: 0.13.0\n",
      "Python: 3.6.2\n"
     ]
    }
   ],
   "source": [
    "print('NetworkX: {}'.format(nx.__version__))\n",
    "print('Bokeh: {}'.format(bokeh.__version__))\n",
    "print('Python: {}.{}.{}'.format(sys.version_info.major, sys.version_info.minor, sys.version_info.micro))"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "ExecuteTime": {
     "end_time": "2018-09-23T03:05:52.273308Z",
     "start_time": "2018-09-23T03:05:52.269845Z"
    }
   },
   "source": [
    "## Prepare data"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {
    "ExecuteTime": {
     "end_time": "2018-09-23T04:05:20.540839Z",
     "start_time": "2018-09-23T04:05:20.177850Z"
    }
   },
   "outputs": [
    {
     "data": {
      "image/png": "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5yuVn265q4Dx0Ucfcd9995GcnEyFChWsZKhWrRobN25k+PDh7Nmzx0oGpUDLXQWII0eOEB0dTUJCAs2bN7eapW3btsyaNQuHw8HJkyetZlHBS8td+b3MzExiYmKIj4+nd+/etuMAMHToUO644w769+9PzgVuyK1UYdNyV35v3LhxlCtXjkcffdR2lD+YM2cO586dY8qUKbajqCCkE6rKry1evJh33nmHHTt2EBLiW9sqYWFhrFu3jsjISFq0aEH//pe8HbFSHqXlrvzW+++/zyOPPML7779PmTJlbMe5oIoVK5KcnEy3bt1o2LAhrVu3th1JBQnf2tRRyk0HDx4kNjaWlStXFngPVNuaN2/OCy+8QFRUFEeOHLEdRwUJLXfld86cOUNUVBTjxo2je/futuO4pU+fPgwaNIiYmBgyMzNtx1FBQMtd+RVjDCNHjqRBgwY8+OCDtuNclscee4xy5coxbtw421FUENByV37lmWee4fPPP2fp0qUeuza7t4SEhPDKK6/w9ttvs2TJEttxVIDTCVXlN/79738zZ84cdu7cScmSJW3HuSJlypQhJSWFDh060KRJE2666SbbkVSA0i135Rf27t3LoEGDWLt2LTVr1rQd56o0aNCAFStW0KdPHw4dOmQ7jgpQbpW7iHQXkS9FZK+ITLzA6zVF5G0R2SUi/xWRHp6PqoLVr7/+isPhYPr06XTs2NF2HI+44447uO+++4iKiuLMmTO246gAVGC5i0gosBC4A2gC9BeRJucNewRYZ4xpBfQDXvB0UBWccnNzGTRoEB06dGD06NG243jUQw89RL169Rg1apReA155nDtb7pHAXmPMfmNMJpAIOM4bY4DfziIpC3znuYgqmD322GMcO3aM+fPn+90EakFEhGXLlrF7926effZZ23FUgHFnQrU6cDDf40PA+fctmw78W0TuAcKBWzySTgW1pKQkli9fTmpqKkWLFrUdp1CULFmSpKQk2rVrR7Nmzbj11lttR1IBwlMTqv2Bl40x1wE9gFUi8qdli8goEUkXkfSjR4966KNVIPrss88YNWoUmzZtokqVKrbjFKpatWqRmJjIwIED2bdvn+04KkC4U+6HgRr5Hl+X91x+w4F1AMaY7UBxoOL5CzLGLDbGRBhjIipVqnRliVXAO378OE6nk2effZaIiAjbcbyiU6dOTJs2DYfDwa+/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\n",
      "text/plain": [
       "<matplotlib.figure.Figure at 0x113a582e8>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "# prepare graph data\n",
    "node_datasource = [1, 2, 3]\n",
    "edge_datasource = [(1, 2), (1, 3)]\n",
    "\n",
    "G = nx.Graph()\n",
    "G.add_nodes_from(node_datasource)\n",
    "G.add_edges_from(edge_datasource)\n",
    "\n",
    "# prepare position data\n",
    "fixed_layout = {1: [0, 1],\n",
    "                2: [-1, 0],\n",
    "                3: [1, 0]}\n",
    "\n",
    "# show \n",
    "fig = plt.figure()\n",
    "nx.draw_networkx_nodes(G, pos=fixed_layout, alpha=0.5)\n",
    "nx.draw_networkx_labels(G, pos=fixed_layout)\n",
    "nx.draw_networkx_edges(G, pos=fixed_layout)\n",
    "plt.show()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {
    "ExecuteTime": {
     "end_time": "2018-09-23T03:06:03.104222Z",
     "start_time": "2018-09-23T03:06:03.100310Z"
    }
   },
   "source": [
    "## Convert to Bokeh"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {
    "ExecuteTime": {
     "end_time": "2018-09-23T04:05:21.424027Z",
     "start_time": "2018-09-23T04:05:21.204208Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "    <div class=\"bk-root\">\n",
       "        <a href=\"https://bokeh.pydata.org\" target=\"_blank\" class=\"bk-logo bk-logo-small bk-logo-notebook\"></a>\n",
       "        <span id=\"3016fb73-b363-4455-b0e8-67ae13a182f0\">Loading BokehJS ...</span>\n",
       "    </div>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/javascript": [
       "\n",
       "(function(root) {\n",
       "  function now() {\n",
       "    return new Date();\n",
       "  }\n",
       "\n",
       "  var force = true;\n",
       "\n",
       "  if (typeof (root._bokeh_onload_callbacks) === \"undefined\" || force === true) {\n",
       "    root._bokeh_onload_callbacks = [];\n",
       "    root._bokeh_is_loading = undefined;\n",
       "  }\n",
       "\n",
       "  var JS_MIME_TYPE = 'application/javascript';\n",
       "  var HTML_MIME_TYPE = 'text/html';\n",
       "  var EXEC_MIME_TYPE = 'application/vnd.bokehjs_exec.v0+json';\n",
       "  var CLASS_NAME = 'output_bokeh rendered_html';\n",
       "\n",
       "  /**\n",
       "   * Render data to the DOM node\n",
       "   */\n",
       "  function render(props, node) {\n",
       "    var script = document.createElement(\"script\");\n",
       "    node.appendChild(script);\n",
       "  }\n",
       "\n",
       "  /**\n",
       "   * Handle when an output is cleared or removed\n",
       "   */\n",
       "  function handleClearOutput(event, handle) {\n",
       "    var cell = handle.cell;\n",
       "\n",
       "    var id = cell.output_area._bokeh_element_id;\n",
       "    var server_id = cell.output_area._bokeh_server_id;\n",
       "    // Clean up Bokeh references\n",
       "    if (id != null && id in Bokeh.index) {\n",
       "      Bokeh.index[id].model.document.clear();\n",
       "      delete Bokeh.index[id];\n",
       "    }\n",
       "\n",
       "    if (server_id !== undefined) {\n",
       "      // Clean up Bokeh references\n",
       "      var cmd = \"from bokeh.io.state import curstate; print(curstate().uuid_to_server['\" + server_id + \"'].get_sessions()[0].document.roots[0]._id)\";\n",
       "      cell.notebook.kernel.execute(cmd, {\n",
       "        iopub: {\n",
       "          output: function(msg) {\n",
       "            var id = msg.content.text.trim();\n",
       "            if (id in Bokeh.index) {\n",
       "              Bokeh.index[id].model.document.clear();\n",
       "              delete Bokeh.index[id];\n",
       "            }\n",
       "          }\n",
       "        }\n",
       "      });\n",
       "      // Destroy server and session\n",
       "      var cmd = \"import bokeh.io.notebook as ion; ion.destroy_server('\" + server_id + \"')\";\n",
       "      cell.notebook.kernel.execute(cmd);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  /**\n",
       "   * Handle when a new output is added\n",
       "   */\n",
       "  function handleAddOutput(event, handle) {\n",
       "    var output_area = handle.output_area;\n",
       "    var output = handle.output;\n",
       "\n",
       "    // limit handleAddOutput to display_data with EXEC_MIME_TYPE content only\n",
       "    if ((output.output_type != \"display_data\") || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n",
       "      return\n",
       "    }\n",
       "\n",
       "    var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n",
       "\n",
       "    if (output.metadata[EXEC_MIME_TYPE][\"id\"] !== undefined) {\n",
       "      toinsert[toinsert.length - 1].firstChild.textContent = output.data[JS_MIME_TYPE];\n",
       "      // store reference to embed id on output_area\n",
       "      output_area._bokeh_element_id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n",
       "    }\n",
       "    if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n",
       "      var bk_div = document.createElement(\"div\");\n",
       "      bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n",
       "      var script_attrs = bk_div.children[0].attributes;\n",
       "      for (var i = 0; i < script_attrs.length; i++) {\n",
       "        toinsert[toinsert.length - 1].firstChild.setAttribute(script_attrs[i].name, script_attrs[i].value);\n",
       "      }\n",
       "      // store reference to server id on output_area\n",
       "      output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function register_renderer(events, OutputArea) {\n",
       "\n",
       "    function append_mime(data, metadata, element) {\n",
       "      // create a DOM node to render to\n",
       "      var toinsert = this.create_output_subarea(\n",
       "        metadata,\n",
       "        CLASS_NAME,\n",
       "        EXEC_MIME_TYPE\n",
       "      );\n",
       "      this.keyboard_manager.register_events(toinsert);\n",
       "      // Render to node\n",
       "      var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n",
       "      render(props, toinsert[toinsert.length - 1]);\n",
       "      element.append(toinsert);\n",
       "      return toinsert\n",
       "    }\n",
       "\n",
       "    /* Handle when an output is cleared or removed */\n",
       "    events.on('clear_output.CodeCell', handleClearOutput);\n",
       "    events.on('delete.Cell', handleClearOutput);\n",
       "\n",
       "    /* Handle when a new output is added */\n",
       "    events.on('output_added.OutputArea', handleAddOutput);\n",
       "\n",
       "    /**\n",
       "     * Register the mime type and append_mime function with output_area\n",
       "     */\n",
       "    OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n",
       "      /* Is output safe? */\n",
       "      safe: true,\n",
       "      /* Index of renderer in `output_area.display_order` */\n",
       "      index: 0\n",
       "    });\n",
       "  }\n",
       "\n",
       "  // register the mime type if in Jupyter Notebook environment and previously unregistered\n",
       "  if (root.Jupyter !== undefined) {\n",
       "    var events = require('base/js/events');\n",
       "    var OutputArea = require('notebook/js/outputarea').OutputArea;\n",
       "\n",
       "    if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n",
       "      register_renderer(events, OutputArea);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  \n",
       "  if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n",
       "    root._bokeh_timeout = Date.now() + 5000;\n",
       "    root._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",
       "    var el = document.getElementById(\"3016fb73-b363-4455-b0e8-67ae13a182f0\");\n",
       "    if (el != null) {\n",
       "      el.textContent = \"BokehJS is loading...\";\n",
       "    }\n",
       "    if (root.Bokeh !== undefined) {\n",
       "      if (el != null) {\n",
       "        el.textContent = \"BokehJS \" + root.Bokeh.version + \" successfully loaded.\";\n",
       "      }\n",
       "    } else if (Date.now() < root._bokeh_timeout) {\n",
       "      setTimeout(display_loaded, 100)\n",
       "    }\n",
       "  }\n",
       "\n",
       "\n",
       "  function run_callbacks() {\n",
       "    try {\n",
       "      root._bokeh_onload_callbacks.forEach(function(callback) { callback() });\n",
       "    }\n",
       "    finally {\n",
       "      delete root._bokeh_onload_callbacks\n",
       "    }\n",
       "    console.info(\"Bokeh: all callbacks have finished\");\n",
       "  }\n",
       "\n",
       "  function load_libs(js_urls, callback) {\n",
       "    root._bokeh_onload_callbacks.push(callback);\n",
       "    if (root._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",
       "    root._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",
       "        root._bokeh_is_loading--;\n",
       "        if (root._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(\"3016fb73-b363-4455-b0e8-67ae13a182f0\");\n",
       "  if (element == null) {\n",
       "    console.log(\"Bokeh: ERROR: autoload.js configured with elementid '3016fb73-b363-4455-b0e8-67ae13a182f0' but no matching script tag was found. \")\n",
       "    return false;\n",
       "  }\n",
       "\n",
       "  var js_urls = [\"https://cdn.pydata.org/bokeh/release/bokeh-0.13.0.min.js\", \"https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.13.0.min.js\", \"https://cdn.pydata.org/bokeh/release/bokeh-tables-0.13.0.min.js\", \"https://cdn.pydata.org/bokeh/release/bokeh-gl-0.13.0.min.js\"];\n",
       "\n",
       "  var inline_js = [\n",
       "    function(Bokeh) {\n",
       "      Bokeh.set_log_level(\"info\");\n",
       "    },\n",
       "    \n",
       "    function(Bokeh) {\n",
       "      \n",
       "    },\n",
       "    function(Bokeh) {\n",
       "      console.log(\"Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-0.13.0.min.css\");\n",
       "      Bokeh.embed.inject_css(\"https://cdn.pydata.org/bokeh/release/bokeh-0.13.0.min.css\");\n",
       "      console.log(\"Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.13.0.min.css\");\n",
       "      Bokeh.embed.inject_css(\"https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.13.0.min.css\");\n",
       "      console.log(\"Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-tables-0.13.0.min.css\");\n",
       "      Bokeh.embed.inject_css(\"https://cdn.pydata.org/bokeh/release/bokeh-tables-0.13.0.min.css\");\n",
       "    }\n",
       "  ];\n",
       "\n",
       "  function run_inline_js() {\n",
       "    \n",
       "    if ((root.Bokeh !== undefined) || (force === true)) {\n",
       "      for (var i = 0; i < inline_js.length; i++) {\n",
       "        inline_js[i].call(root, root.Bokeh);\n",
       "      }if (force === true) {\n",
       "        display_loaded();\n",
       "      }} else if (Date.now() < root._bokeh_timeout) {\n",
       "      setTimeout(run_inline_js, 100);\n",
       "    } else if (!root._bokeh_failed_load) {\n",
       "      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n",
       "      root._bokeh_failed_load = true;\n",
       "    } else if (force !== true) {\n",
       "      var cell = $(document.getElementById(\"3016fb73-b363-4455-b0e8-67ae13a182f0\")).parents('.cell').data().cell;\n",
       "      cell.output_area.append_execute_result(NB_LOAD_WARNING)\n",
       "    }\n",
       "\n",
       "  }\n",
       "\n",
       "  if (root._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",
       "}(window));"
      ],
      "application/vnd.bokehjs_load.v0+json": "\n(function(root) {\n  function now() {\n    return new Date();\n  }\n\n  var force = true;\n\n  if (typeof (root._bokeh_onload_callbacks) === \"undefined\" || force === true) {\n    root._bokeh_onload_callbacks = [];\n    root._bokeh_is_loading = undefined;\n  }\n\n  \n\n  \n  if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n    root._bokeh_timeout = Date.now() + 5000;\n    root._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    var el = document.getElementById(\"3016fb73-b363-4455-b0e8-67ae13a182f0\");\n    if (el != null) {\n      el.textContent = \"BokehJS is loading...\";\n    }\n    if (root.Bokeh !== undefined) {\n      if (el != null) {\n        el.textContent = \"BokehJS \" + root.Bokeh.version + \" successfully loaded.\";\n      }\n    } else if (Date.now() < root._bokeh_timeout) {\n      setTimeout(display_loaded, 100)\n    }\n  }\n\n\n  function run_callbacks() {\n    try {\n      root._bokeh_onload_callbacks.forEach(function(callback) { callback() });\n    }\n    finally {\n      delete root._bokeh_onload_callbacks\n    }\n    console.info(\"Bokeh: all callbacks have finished\");\n  }\n\n  function load_libs(js_urls, callback) {\n    root._bokeh_onload_callbacks.push(callback);\n    if (root._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    root._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        root._bokeh_is_loading--;\n        if (root._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(\"3016fb73-b363-4455-b0e8-67ae13a182f0\");\n  if (element == null) {\n    console.log(\"Bokeh: ERROR: autoload.js configured with elementid '3016fb73-b363-4455-b0e8-67ae13a182f0' but no matching script tag was found. \")\n    return false;\n  }\n\n  var js_urls = [\"https://cdn.pydata.org/bokeh/release/bokeh-0.13.0.min.js\", \"https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.13.0.min.js\", \"https://cdn.pydata.org/bokeh/release/bokeh-tables-0.13.0.min.js\", \"https://cdn.pydata.org/bokeh/release/bokeh-gl-0.13.0.min.js\"];\n\n  var inline_js = [\n    function(Bokeh) {\n      Bokeh.set_log_level(\"info\");\n    },\n    \n    function(Bokeh) {\n      \n    },\n    function(Bokeh) {\n      console.log(\"Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-0.13.0.min.css\");\n      Bokeh.embed.inject_css(\"https://cdn.pydata.org/bokeh/release/bokeh-0.13.0.min.css\");\n      console.log(\"Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.13.0.min.css\");\n      Bokeh.embed.inject_css(\"https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.13.0.min.css\");\n      console.log(\"Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-tables-0.13.0.min.css\");\n      Bokeh.embed.inject_css(\"https://cdn.pydata.org/bokeh/release/bokeh-tables-0.13.0.min.css\");\n    }\n  ];\n\n  function run_inline_js() {\n    \n    if ((root.Bokeh !== undefined) || (force === true)) {\n      for (var i = 0; i < inline_js.length; i++) {\n        inline_js[i].call(root, root.Bokeh);\n      }if (force === true) {\n        display_loaded();\n      }} else if (Date.now() < root._bokeh_timeout) {\n      setTimeout(run_inline_js, 100);\n    } else if (!root._bokeh_failed_load) {\n      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n      root._bokeh_failed_load = true;\n    } else if (force !== true) {\n      var cell = $(document.getElementById(\"3016fb73-b363-4455-b0e8-67ae13a182f0\")).parents('.cell').data().cell;\n      cell.output_area.append_execute_result(NB_LOAD_WARNING)\n    }\n\n  }\n\n  if (root._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}(window));"
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "  <div class=\"bk-root\" id=\"ff72169e-f5da-4bff-8850-d7dccea9fdf2\"></div>\n"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/javascript": [
       "(function(root) {\n",
       "  function embed_document(root) {\n",
       "    \n",
       "  var docs_json = {\"862e2f14-38a6-467e-a157-fb3f65435722\":{\"roots\":{\"references\":[{\"attributes\":{\"plot_height\":300,\"plot_width\":300,\"renderers\":[{\"id\":\"f251e80e-cfc5-4095-bb50-b435ac35ffc1\",\"type\":\"GraphRenderer\"}],\"title\":{\"id\":\"02f0b625-6d57-4903-b8ef-4cc781e35da6\",\"type\":\"Title\"},\"toolbar\":{\"id\":\"a513a4f7-9684-44d7-973a-e1891f927ce5\",\"type\":\"Toolbar\"},\"x_range\":{\"id\":\"8887b381-3a41-473b-b28b-b731ee38d55d\",\"type\":\"Range1d\"},\"x_scale\":{\"id\":\"791f1083-72d0-4228-8667-3dcc4db5fb2d\",\"type\":\"LinearScale\"},\"y_range\":{\"id\":\"e70df4c7-320b-49b7-a356-9dc6c3995b4b\",\"type\":\"Range1d\"},\"y_scale\":{\"id\":\"a0273f5c-b8f4-4a40-8775-81cf067903a4\",\"type\":\"LinearScale\"}},\"id\":\"a27768d3-40e2-4f06-b3c7-ca5e517a21bb\",\"type\":\"Plot\"},{\"attributes\":{\"data_source\":{\"id\":\"e218647b-79f2-4d95-8459-45433a2a5c2b\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"b318eadd-5f69-4588-8a2a-bdb5585d0c34\",\"type\":\"Circle\"},\"hover_glyph\":null,\"muted_glyph\":null,\"view\":{\"id\":\"b3846593-f862-4636-9219-d3326a499072\",\"type\":\"CDSView\"}},\"id\":\"a354fcbe-081d-4281-83e2-0790580f0614\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"active_drag\":\"auto\",\"active_inspect\":\"auto\",\"active_multi\":null,\"active_scroll\":\"auto\",\"active_tap\":\"auto\"},\"id\":\"a513a4f7-9684-44d7-973a-e1891f927ce5\",\"type\":\"Toolbar\"},{\"attributes\":{},\"id\":\"a0273f5c-b8f4-4a40-8775-81cf067903a4\",\"type\":\"LinearScale\"},{\"attributes\":{\"graph_layout\":{\"1\":[-1.4794485707633157e-05,0.001141941179528095],\"2\":[-0.01320913181934229,0.9988580588204719],\"3\":[0.013223926305049838,-1.0]}},\"id\":\"287bfd5b-f894-4d73-a2f8-74426457582b\",\"type\":\"StaticLayoutProvider\"},{\"attributes\":{\"source\":{\"id\":\"59e89f19-4954-4d2d-996c-2114ef1657b4\",\"type\":\"ColumnDataSource\"}},\"id\":\"f56ef473-99bd-4ae7-8449-f3984a5b81da\",\"type\":\"CDSView\"},{\"attributes\":{},\"id\":\"b318eadd-5f69-4588-8a2a-bdb5585d0c34\",\"type\":\"Circle\"},{\"attributes\":{},\"id\":\"fe1c33c0-b5f0-4a9e-831d-83a16c06d715\",\"type\":\"UnionRenderers\"},{\"attributes\":{\"callback\":null,\"data\":{\"index\":[1,2,3]},\"selected\":{\"id\":\"eaed60f7-6fd4-4c40-897b-f01ee91806a4\",\"type\":\"Selection\"},\"selection_policy\":{\"id\":\"fe1c33c0-b5f0-4a9e-831d-83a16c06d715\",\"type\":\"UnionRenderers\"}},\"id\":\"e218647b-79f2-4d95-8459-45433a2a5c2b\",\"type\":\"ColumnDataSource\"},{\"attributes\":{},\"id\":\"f018acce-d1db-422a-a455-6115d644de7a\",\"type\":\"Selection\"},{\"attributes\":{\"edge_renderer\":{\"id\":\"621d3c2b-0bf7-4732-8ff0-568e30b42cc0\",\"type\":\"GlyphRenderer\"},\"inspection_policy\":{\"id\":\"25968901-f9c5-4fb3-9292-e749f1468afe\",\"type\":\"NodesOnly\"},\"layout_provider\":{\"id\":\"287bfd5b-f894-4d73-a2f8-74426457582b\",\"type\":\"StaticLayoutProvider\"},\"node_renderer\":{\"id\":\"a354fcbe-081d-4281-83e2-0790580f0614\",\"type\":\"GlyphRenderer\"},\"selection_policy\":{\"id\":\"890fcd45-71f0-4bda-ba49-f83a23c94482\",\"type\":\"NodesOnly\"}},\"id\":\"f251e80e-cfc5-4095-bb50-b435ac35ffc1\",\"type\":\"GraphRenderer\"},{\"attributes\":{\"callback\":null,\"end\":1.1,\"start\":-1.1},\"id\":\"8887b381-3a41-473b-b28b-b731ee38d55d\",\"type\":\"Range1d\"},{\"attributes\":{},\"id\":\"25968901-f9c5-4fb3-9292-e749f1468afe\",\"type\":\"NodesOnly\"},{\"attributes\":{\"source\":{\"id\":\"e218647b-79f2-4d95-8459-45433a2a5c2b\",\"type\":\"ColumnDataSource\"}},\"id\":\"b3846593-f862-4636-9219-d3326a499072\",\"type\":\"CDSView\"},{\"attributes\":{},\"id\":\"eaed60f7-6fd4-4c40-897b-f01ee91806a4\",\"type\":\"Selection\"},{\"attributes\":{\"data_source\":{\"id\":\"59e89f19-4954-4d2d-996c-2114ef1657b4\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"46fd13a7-2748-4d87-9ce9-25589d3b4e56\",\"type\":\"MultiLine\"},\"hover_glyph\":null,\"muted_glyph\":null,\"view\":{\"id\":\"f56ef473-99bd-4ae7-8449-f3984a5b81da\",\"type\":\"CDSView\"}},\"id\":\"621d3c2b-0bf7-4732-8ff0-568e30b42cc0\",\"type\":\"GlyphRenderer\"},{\"attributes\":{},\"id\":\"46fd13a7-2748-4d87-9ce9-25589d3b4e56\",\"type\":\"MultiLine\"},{\"attributes\":{\"callback\":null,\"data\":{\"end\":[2,3],\"start\":[1,1]},\"selected\":{\"id\":\"f018acce-d1db-422a-a455-6115d644de7a\",\"type\":\"Selection\"},\"selection_policy\":{\"id\":\"6c0289b6-2eee-4b28-a4f3-eb77ef4337a8\",\"type\":\"UnionRenderers\"}},\"id\":\"59e89f19-4954-4d2d-996c-2114ef1657b4\",\"type\":\"ColumnDataSource\"},{\"attributes\":{},\"id\":\"890fcd45-71f0-4bda-ba49-f83a23c94482\",\"type\":\"NodesOnly\"},{\"attributes\":{},\"id\":\"6c0289b6-2eee-4b28-a4f3-eb77ef4337a8\",\"type\":\"UnionRenderers\"},{\"attributes\":{\"plot\":null,\"text\":\"\"},\"id\":\"02f0b625-6d57-4903-b8ef-4cc781e35da6\",\"type\":\"Title\"},{\"attributes\":{},\"id\":\"791f1083-72d0-4228-8667-3dcc4db5fb2d\",\"type\":\"LinearScale\"},{\"attributes\":{\"callback\":null,\"end\":1.1,\"start\":-1.1},\"id\":\"e70df4c7-320b-49b7-a356-9dc6c3995b4b\",\"type\":\"Range1d\"}],\"root_ids\":[\"a27768d3-40e2-4f06-b3c7-ca5e517a21bb\"]},\"title\":\"Bokeh Application\",\"version\":\"0.13.0\"}};\n",
       "  var render_items = [{\"docid\":\"862e2f14-38a6-467e-a157-fb3f65435722\",\"roots\":{\"a27768d3-40e2-4f06-b3c7-ca5e517a21bb\":\"ff72169e-f5da-4bff-8850-d7dccea9fdf2\"}}];\n",
       "  root.Bokeh.embed.embed_items_notebook(docs_json, render_items);\n",
       "\n",
       "  }\n",
       "  if (root.Bokeh !== undefined) {\n",
       "    embed_document(root);\n",
       "  } else {\n",
       "    var attempts = 0;\n",
       "    var timer = setInterval(function(root) {\n",
       "      if (root.Bokeh !== undefined) {\n",
       "        embed_document(root);\n",
       "        clearInterval(timer);\n",
       "      }\n",
       "      attempts++;\n",
       "      if (attempts > 100) {\n",
       "        console.log(\"Bokeh: ERROR: Unable to run BokehJS code because BokehJS library is missing\")\n",
       "        clearInterval(timer);\n",
       "      }\n",
       "    }, 10, root)\n",
       "  }\n",
       "})(window);"
      ],
      "application/vnd.bokehjs_exec.v0+json": ""
     },
     "metadata": {
      "application/vnd.bokehjs_exec.v0+json": {
       "id": "a27768d3-40e2-4f06-b3c7-ca5e517a21bb"
      }
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "# from_networkx requires a layout function.\n",
    "# Therefore, specify nx.spring_layout as a dummy.\n",
    "graph_renderer = from_networkx(G, nx.spring_layout)\n",
    "\n",
    "# show\n",
    "plot = Plot(plot_width=300, plot_height=300,\n",
    "            x_range=Range1d(-1.1, 1.1), y_range=Range1d(-1.1, 1.1))\n",
    "plot.renderers.append(graph_renderer)\n",
    "\n",
    "output_notebook()\n",
    "show(plot)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Customize Layout\n",
    "- layout_provider | GraphRenderer\n",
    "    - https://bokeh.pydata.org/en/latest/docs/reference/models/renderers.html#bokeh.models.renderers.GraphRenderer.layout_provider\n",
    "    \n",
    "The following pages are helpful too.   \n",
    "https://bokeh.pydata.org/en/latest/docs/user_guide/examples/graph_customize.html\n",
    "> graph_layout = dict(zip(node_indices, zip(x, y)))   \n",
    "> graph.layout_provider = StaticLayoutProvider(graph_layout=graph_layout)\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {
    "ExecuteTime": {
     "end_time": "2018-09-23T04:05:22.793845Z",
     "start_time": "2018-09-23T04:05:22.785355Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "{1: array([ -1.47944857e-05,   1.14194118e-03]),\n",
       " 2: array([-0.01320913,  0.99885806]),\n",
       " 3: array([ 0.01322393, -1.        ])}"
      ]
     },
     "execution_count": 5,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# graph_layout seems to contain the layout of the nodes\n",
    "graph_renderer.layout_provider.graph_layout"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {
    "ExecuteTime": {
     "end_time": "2018-09-23T04:05:23.449611Z",
     "start_time": "2018-09-23T04:05:23.441890Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/plain": [
       "{1: [0, 1], 2: [-1, 0], 3: [1, 0]}"
      ]
     },
     "execution_count": 6,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "fixed_layout"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {
    "ExecuteTime": {
     "end_time": "2018-09-23T04:05:24.386799Z",
     "start_time": "2018-09-23T04:05:24.265550Z"
    }
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "    <div class=\"bk-root\">\n",
       "        <a href=\"https://bokeh.pydata.org\" target=\"_blank\" class=\"bk-logo bk-logo-small bk-logo-notebook\"></a>\n",
       "        <span id=\"6901bb9d-d0be-4dd0-94ed-645f7cf45d6b\">Loading BokehJS ...</span>\n",
       "    </div>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/javascript": [
       "\n",
       "(function(root) {\n",
       "  function now() {\n",
       "    return new Date();\n",
       "  }\n",
       "\n",
       "  var force = true;\n",
       "\n",
       "  if (typeof (root._bokeh_onload_callbacks) === \"undefined\" || force === true) {\n",
       "    root._bokeh_onload_callbacks = [];\n",
       "    root._bokeh_is_loading = undefined;\n",
       "  }\n",
       "\n",
       "  var JS_MIME_TYPE = 'application/javascript';\n",
       "  var HTML_MIME_TYPE = 'text/html';\n",
       "  var EXEC_MIME_TYPE = 'application/vnd.bokehjs_exec.v0+json';\n",
       "  var CLASS_NAME = 'output_bokeh rendered_html';\n",
       "\n",
       "  /**\n",
       "   * Render data to the DOM node\n",
       "   */\n",
       "  function render(props, node) {\n",
       "    var script = document.createElement(\"script\");\n",
       "    node.appendChild(script);\n",
       "  }\n",
       "\n",
       "  /**\n",
       "   * Handle when an output is cleared or removed\n",
       "   */\n",
       "  function handleClearOutput(event, handle) {\n",
       "    var cell = handle.cell;\n",
       "\n",
       "    var id = cell.output_area._bokeh_element_id;\n",
       "    var server_id = cell.output_area._bokeh_server_id;\n",
       "    // Clean up Bokeh references\n",
       "    if (id != null && id in Bokeh.index) {\n",
       "      Bokeh.index[id].model.document.clear();\n",
       "      delete Bokeh.index[id];\n",
       "    }\n",
       "\n",
       "    if (server_id !== undefined) {\n",
       "      // Clean up Bokeh references\n",
       "      var cmd = \"from bokeh.io.state import curstate; print(curstate().uuid_to_server['\" + server_id + \"'].get_sessions()[0].document.roots[0]._id)\";\n",
       "      cell.notebook.kernel.execute(cmd, {\n",
       "        iopub: {\n",
       "          output: function(msg) {\n",
       "            var id = msg.content.text.trim();\n",
       "            if (id in Bokeh.index) {\n",
       "              Bokeh.index[id].model.document.clear();\n",
       "              delete Bokeh.index[id];\n",
       "            }\n",
       "          }\n",
       "        }\n",
       "      });\n",
       "      // Destroy server and session\n",
       "      var cmd = \"import bokeh.io.notebook as ion; ion.destroy_server('\" + server_id + \"')\";\n",
       "      cell.notebook.kernel.execute(cmd);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  /**\n",
       "   * Handle when a new output is added\n",
       "   */\n",
       "  function handleAddOutput(event, handle) {\n",
       "    var output_area = handle.output_area;\n",
       "    var output = handle.output;\n",
       "\n",
       "    // limit handleAddOutput to display_data with EXEC_MIME_TYPE content only\n",
       "    if ((output.output_type != \"display_data\") || (!output.data.hasOwnProperty(EXEC_MIME_TYPE))) {\n",
       "      return\n",
       "    }\n",
       "\n",
       "    var toinsert = output_area.element.find(\".\" + CLASS_NAME.split(' ')[0]);\n",
       "\n",
       "    if (output.metadata[EXEC_MIME_TYPE][\"id\"] !== undefined) {\n",
       "      toinsert[toinsert.length - 1].firstChild.textContent = output.data[JS_MIME_TYPE];\n",
       "      // store reference to embed id on output_area\n",
       "      output_area._bokeh_element_id = output.metadata[EXEC_MIME_TYPE][\"id\"];\n",
       "    }\n",
       "    if (output.metadata[EXEC_MIME_TYPE][\"server_id\"] !== undefined) {\n",
       "      var bk_div = document.createElement(\"div\");\n",
       "      bk_div.innerHTML = output.data[HTML_MIME_TYPE];\n",
       "      var script_attrs = bk_div.children[0].attributes;\n",
       "      for (var i = 0; i < script_attrs.length; i++) {\n",
       "        toinsert[toinsert.length - 1].firstChild.setAttribute(script_attrs[i].name, script_attrs[i].value);\n",
       "      }\n",
       "      // store reference to server id on output_area\n",
       "      output_area._bokeh_server_id = output.metadata[EXEC_MIME_TYPE][\"server_id\"];\n",
       "    }\n",
       "  }\n",
       "\n",
       "  function register_renderer(events, OutputArea) {\n",
       "\n",
       "    function append_mime(data, metadata, element) {\n",
       "      // create a DOM node to render to\n",
       "      var toinsert = this.create_output_subarea(\n",
       "        metadata,\n",
       "        CLASS_NAME,\n",
       "        EXEC_MIME_TYPE\n",
       "      );\n",
       "      this.keyboard_manager.register_events(toinsert);\n",
       "      // Render to node\n",
       "      var props = {data: data, metadata: metadata[EXEC_MIME_TYPE]};\n",
       "      render(props, toinsert[toinsert.length - 1]);\n",
       "      element.append(toinsert);\n",
       "      return toinsert\n",
       "    }\n",
       "\n",
       "    /* Handle when an output is cleared or removed */\n",
       "    events.on('clear_output.CodeCell', handleClearOutput);\n",
       "    events.on('delete.Cell', handleClearOutput);\n",
       "\n",
       "    /* Handle when a new output is added */\n",
       "    events.on('output_added.OutputArea', handleAddOutput);\n",
       "\n",
       "    /**\n",
       "     * Register the mime type and append_mime function with output_area\n",
       "     */\n",
       "    OutputArea.prototype.register_mime_type(EXEC_MIME_TYPE, append_mime, {\n",
       "      /* Is output safe? */\n",
       "      safe: true,\n",
       "      /* Index of renderer in `output_area.display_order` */\n",
       "      index: 0\n",
       "    });\n",
       "  }\n",
       "\n",
       "  // register the mime type if in Jupyter Notebook environment and previously unregistered\n",
       "  if (root.Jupyter !== undefined) {\n",
       "    var events = require('base/js/events');\n",
       "    var OutputArea = require('notebook/js/outputarea').OutputArea;\n",
       "\n",
       "    if (OutputArea.prototype.mime_types().indexOf(EXEC_MIME_TYPE) == -1) {\n",
       "      register_renderer(events, OutputArea);\n",
       "    }\n",
       "  }\n",
       "\n",
       "  \n",
       "  if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n",
       "    root._bokeh_timeout = Date.now() + 5000;\n",
       "    root._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",
       "    var el = document.getElementById(\"6901bb9d-d0be-4dd0-94ed-645f7cf45d6b\");\n",
       "    if (el != null) {\n",
       "      el.textContent = \"BokehJS is loading...\";\n",
       "    }\n",
       "    if (root.Bokeh !== undefined) {\n",
       "      if (el != null) {\n",
       "        el.textContent = \"BokehJS \" + root.Bokeh.version + \" successfully loaded.\";\n",
       "      }\n",
       "    } else if (Date.now() < root._bokeh_timeout) {\n",
       "      setTimeout(display_loaded, 100)\n",
       "    }\n",
       "  }\n",
       "\n",
       "\n",
       "  function run_callbacks() {\n",
       "    try {\n",
       "      root._bokeh_onload_callbacks.forEach(function(callback) { callback() });\n",
       "    }\n",
       "    finally {\n",
       "      delete root._bokeh_onload_callbacks\n",
       "    }\n",
       "    console.info(\"Bokeh: all callbacks have finished\");\n",
       "  }\n",
       "\n",
       "  function load_libs(js_urls, callback) {\n",
       "    root._bokeh_onload_callbacks.push(callback);\n",
       "    if (root._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",
       "    root._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",
       "        root._bokeh_is_loading--;\n",
       "        if (root._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(\"6901bb9d-d0be-4dd0-94ed-645f7cf45d6b\");\n",
       "  if (element == null) {\n",
       "    console.log(\"Bokeh: ERROR: autoload.js configured with elementid '6901bb9d-d0be-4dd0-94ed-645f7cf45d6b' but no matching script tag was found. \")\n",
       "    return false;\n",
       "  }\n",
       "\n",
       "  var js_urls = [\"https://cdn.pydata.org/bokeh/release/bokeh-0.13.0.min.js\", \"https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.13.0.min.js\", \"https://cdn.pydata.org/bokeh/release/bokeh-tables-0.13.0.min.js\", \"https://cdn.pydata.org/bokeh/release/bokeh-gl-0.13.0.min.js\"];\n",
       "\n",
       "  var inline_js = [\n",
       "    function(Bokeh) {\n",
       "      Bokeh.set_log_level(\"info\");\n",
       "    },\n",
       "    \n",
       "    function(Bokeh) {\n",
       "      \n",
       "    },\n",
       "    function(Bokeh) {\n",
       "      console.log(\"Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-0.13.0.min.css\");\n",
       "      Bokeh.embed.inject_css(\"https://cdn.pydata.org/bokeh/release/bokeh-0.13.0.min.css\");\n",
       "      console.log(\"Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.13.0.min.css\");\n",
       "      Bokeh.embed.inject_css(\"https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.13.0.min.css\");\n",
       "      console.log(\"Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-tables-0.13.0.min.css\");\n",
       "      Bokeh.embed.inject_css(\"https://cdn.pydata.org/bokeh/release/bokeh-tables-0.13.0.min.css\");\n",
       "    }\n",
       "  ];\n",
       "\n",
       "  function run_inline_js() {\n",
       "    \n",
       "    if ((root.Bokeh !== undefined) || (force === true)) {\n",
       "      for (var i = 0; i < inline_js.length; i++) {\n",
       "        inline_js[i].call(root, root.Bokeh);\n",
       "      }if (force === true) {\n",
       "        display_loaded();\n",
       "      }} else if (Date.now() < root._bokeh_timeout) {\n",
       "      setTimeout(run_inline_js, 100);\n",
       "    } else if (!root._bokeh_failed_load) {\n",
       "      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n",
       "      root._bokeh_failed_load = true;\n",
       "    } else if (force !== true) {\n",
       "      var cell = $(document.getElementById(\"6901bb9d-d0be-4dd0-94ed-645f7cf45d6b\")).parents('.cell').data().cell;\n",
       "      cell.output_area.append_execute_result(NB_LOAD_WARNING)\n",
       "    }\n",
       "\n",
       "  }\n",
       "\n",
       "  if (root._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",
       "}(window));"
      ],
      "application/vnd.bokehjs_load.v0+json": "\n(function(root) {\n  function now() {\n    return new Date();\n  }\n\n  var force = true;\n\n  if (typeof (root._bokeh_onload_callbacks) === \"undefined\" || force === true) {\n    root._bokeh_onload_callbacks = [];\n    root._bokeh_is_loading = undefined;\n  }\n\n  \n\n  \n  if (typeof (root._bokeh_timeout) === \"undefined\" || force === true) {\n    root._bokeh_timeout = Date.now() + 5000;\n    root._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    var el = document.getElementById(\"6901bb9d-d0be-4dd0-94ed-645f7cf45d6b\");\n    if (el != null) {\n      el.textContent = \"BokehJS is loading...\";\n    }\n    if (root.Bokeh !== undefined) {\n      if (el != null) {\n        el.textContent = \"BokehJS \" + root.Bokeh.version + \" successfully loaded.\";\n      }\n    } else if (Date.now() < root._bokeh_timeout) {\n      setTimeout(display_loaded, 100)\n    }\n  }\n\n\n  function run_callbacks() {\n    try {\n      root._bokeh_onload_callbacks.forEach(function(callback) { callback() });\n    }\n    finally {\n      delete root._bokeh_onload_callbacks\n    }\n    console.info(\"Bokeh: all callbacks have finished\");\n  }\n\n  function load_libs(js_urls, callback) {\n    root._bokeh_onload_callbacks.push(callback);\n    if (root._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    root._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        root._bokeh_is_loading--;\n        if (root._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(\"6901bb9d-d0be-4dd0-94ed-645f7cf45d6b\");\n  if (element == null) {\n    console.log(\"Bokeh: ERROR: autoload.js configured with elementid '6901bb9d-d0be-4dd0-94ed-645f7cf45d6b' but no matching script tag was found. \")\n    return false;\n  }\n\n  var js_urls = [\"https://cdn.pydata.org/bokeh/release/bokeh-0.13.0.min.js\", \"https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.13.0.min.js\", \"https://cdn.pydata.org/bokeh/release/bokeh-tables-0.13.0.min.js\", \"https://cdn.pydata.org/bokeh/release/bokeh-gl-0.13.0.min.js\"];\n\n  var inline_js = [\n    function(Bokeh) {\n      Bokeh.set_log_level(\"info\");\n    },\n    \n    function(Bokeh) {\n      \n    },\n    function(Bokeh) {\n      console.log(\"Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-0.13.0.min.css\");\n      Bokeh.embed.inject_css(\"https://cdn.pydata.org/bokeh/release/bokeh-0.13.0.min.css\");\n      console.log(\"Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.13.0.min.css\");\n      Bokeh.embed.inject_css(\"https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.13.0.min.css\");\n      console.log(\"Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-tables-0.13.0.min.css\");\n      Bokeh.embed.inject_css(\"https://cdn.pydata.org/bokeh/release/bokeh-tables-0.13.0.min.css\");\n    }\n  ];\n\n  function run_inline_js() {\n    \n    if ((root.Bokeh !== undefined) || (force === true)) {\n      for (var i = 0; i < inline_js.length; i++) {\n        inline_js[i].call(root, root.Bokeh);\n      }if (force === true) {\n        display_loaded();\n      }} else if (Date.now() < root._bokeh_timeout) {\n      setTimeout(run_inline_js, 100);\n    } else if (!root._bokeh_failed_load) {\n      console.log(\"Bokeh: BokehJS failed to load within specified timeout.\");\n      root._bokeh_failed_load = true;\n    } else if (force !== true) {\n      var cell = $(document.getElementById(\"6901bb9d-d0be-4dd0-94ed-645f7cf45d6b\")).parents('.cell').data().cell;\n      cell.output_area.append_execute_result(NB_LOAD_WARNING)\n    }\n\n  }\n\n  if (root._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}(window));"
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "text/html": [
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "\n",
       "  <div class=\"bk-root\" id=\"d9af42ab-8d9b-4b39-97f7-39d2c5645c68\"></div>\n"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    },
    {
     "data": {
      "application/javascript": [
       "(function(root) {\n",
       "  function embed_document(root) {\n",
       "    \n",
       "  var docs_json = {\"739810ca-76cf-4d5e-b455-2b527ea5fa99\":{\"roots\":{\"references\":[{\"attributes\":{\"graph_layout\":{\"1\":[0,1],\"2\":[-1,0],\"3\":[1,0]}},\"id\":\"e9a5509e-141f-4c46-b188-c87de94f588e\",\"type\":\"StaticLayoutProvider\"},{\"attributes\":{\"callback\":null,\"end\":1.1,\"start\":-1.1},\"id\":\"3c49f69a-fa64-4dd0-b796-5d2e0b5dd08f\",\"type\":\"Range1d\"},{\"attributes\":{\"data_source\":{\"id\":\"e218647b-79f2-4d95-8459-45433a2a5c2b\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"b318eadd-5f69-4588-8a2a-bdb5585d0c34\",\"type\":\"Circle\"},\"hover_glyph\":null,\"muted_glyph\":null,\"view\":{\"id\":\"b3846593-f862-4636-9219-d3326a499072\",\"type\":\"CDSView\"}},\"id\":\"a354fcbe-081d-4281-83e2-0790580f0614\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"callback\":null,\"end\":1.1,\"start\":-1.1},\"id\":\"474450e7-dce5-4dcd-ac8b-b6636603a4f5\",\"type\":\"Range1d\"},{\"attributes\":{\"source\":{\"id\":\"59e89f19-4954-4d2d-996c-2114ef1657b4\",\"type\":\"ColumnDataSource\"}},\"id\":\"f56ef473-99bd-4ae7-8449-f3984a5b81da\",\"type\":\"CDSView\"},{\"attributes\":{},\"id\":\"b318eadd-5f69-4588-8a2a-bdb5585d0c34\",\"type\":\"Circle\"},{\"attributes\":{},\"id\":\"fe1c33c0-b5f0-4a9e-831d-83a16c06d715\",\"type\":\"UnionRenderers\"},{\"attributes\":{\"callback\":null,\"data\":{\"index\":[1,2,3]},\"selected\":{\"id\":\"eaed60f7-6fd4-4c40-897b-f01ee91806a4\",\"type\":\"Selection\"},\"selection_policy\":{\"id\":\"fe1c33c0-b5f0-4a9e-831d-83a16c06d715\",\"type\":\"UnionRenderers\"}},\"id\":\"e218647b-79f2-4d95-8459-45433a2a5c2b\",\"type\":\"ColumnDataSource\"},{\"attributes\":{},\"id\":\"f018acce-d1db-422a-a455-6115d644de7a\",\"type\":\"Selection\"},{\"attributes\":{\"edge_renderer\":{\"id\":\"621d3c2b-0bf7-4732-8ff0-568e30b42cc0\",\"type\":\"GlyphRenderer\"},\"inspection_policy\":{\"id\":\"25968901-f9c5-4fb3-9292-e749f1468afe\",\"type\":\"NodesOnly\"},\"layout_provider\":{\"id\":\"e9a5509e-141f-4c46-b188-c87de94f588e\",\"type\":\"StaticLayoutProvider\"},\"node_renderer\":{\"id\":\"a354fcbe-081d-4281-83e2-0790580f0614\",\"type\":\"GlyphRenderer\"},\"selection_policy\":{\"id\":\"890fcd45-71f0-4bda-ba49-f83a23c94482\",\"type\":\"NodesOnly\"}},\"id\":\"f251e80e-cfc5-4095-bb50-b435ac35ffc1\",\"type\":\"GraphRenderer\"},{\"attributes\":{},\"id\":\"25968901-f9c5-4fb3-9292-e749f1468afe\",\"type\":\"NodesOnly\"},{\"attributes\":{\"plot_height\":300,\"plot_width\":300,\"renderers\":[{\"id\":\"f251e80e-cfc5-4095-bb50-b435ac35ffc1\",\"type\":\"GraphRenderer\"}],\"title\":{\"id\":\"411ab92a-6dde-452e-b66f-0c5c7f1f3278\",\"type\":\"Title\"},\"toolbar\":{\"id\":\"473c60cc-3625-4df0-bc4e-b9f6c63d9d7d\",\"type\":\"Toolbar\"},\"x_range\":{\"id\":\"3c49f69a-fa64-4dd0-b796-5d2e0b5dd08f\",\"type\":\"Range1d\"},\"x_scale\":{\"id\":\"f5a2150c-a8ba-426f-a7c8-087e5b2472c9\",\"type\":\"LinearScale\"},\"y_range\":{\"id\":\"474450e7-dce5-4dcd-ac8b-b6636603a4f5\",\"type\":\"Range1d\"},\"y_scale\":{\"id\":\"36ca1604-1ff6-4ab5-b432-9e9b1b220e54\",\"type\":\"LinearScale\"}},\"id\":\"5957b5d3-95b6-494f-a3ef-17ec861cc87d\",\"type\":\"Plot\"},{\"attributes\":{\"source\":{\"id\":\"e218647b-79f2-4d95-8459-45433a2a5c2b\",\"type\":\"ColumnDataSource\"}},\"id\":\"b3846593-f862-4636-9219-d3326a499072\",\"type\":\"CDSView\"},{\"attributes\":{\"active_drag\":\"auto\",\"active_inspect\":\"auto\",\"active_multi\":null,\"active_scroll\":\"auto\",\"active_tap\":\"auto\"},\"id\":\"473c60cc-3625-4df0-bc4e-b9f6c63d9d7d\",\"type\":\"Toolbar\"},{\"attributes\":{},\"id\":\"eaed60f7-6fd4-4c40-897b-f01ee91806a4\",\"type\":\"Selection\"},{\"attributes\":{\"plot\":null,\"text\":\"\"},\"id\":\"411ab92a-6dde-452e-b66f-0c5c7f1f3278\",\"type\":\"Title\"},{\"attributes\":{\"data_source\":{\"id\":\"59e89f19-4954-4d2d-996c-2114ef1657b4\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"46fd13a7-2748-4d87-9ce9-25589d3b4e56\",\"type\":\"MultiLine\"},\"hover_glyph\":null,\"muted_glyph\":null,\"view\":{\"id\":\"f56ef473-99bd-4ae7-8449-f3984a5b81da\",\"type\":\"CDSView\"}},\"id\":\"621d3c2b-0bf7-4732-8ff0-568e30b42cc0\",\"type\":\"GlyphRenderer\"},{\"attributes\":{},\"id\":\"46fd13a7-2748-4d87-9ce9-25589d3b4e56\",\"type\":\"MultiLine\"},{\"attributes\":{},\"id\":\"f5a2150c-a8ba-426f-a7c8-087e5b2472c9\",\"type\":\"LinearScale\"},{\"attributes\":{},\"id\":\"890fcd45-71f0-4bda-ba49-f83a23c94482\",\"type\":\"NodesOnly\"},{\"attributes\":{\"callback\":null,\"data\":{\"end\":[2,3],\"start\":[1,1]},\"selected\":{\"id\":\"f018acce-d1db-422a-a455-6115d644de7a\",\"type\":\"Selection\"},\"selection_policy\":{\"id\":\"6c0289b6-2eee-4b28-a4f3-eb77ef4337a8\",\"type\":\"UnionRenderers\"}},\"id\":\"59e89f19-4954-4d2d-996c-2114ef1657b4\",\"type\":\"ColumnDataSource\"},{\"attributes\":{},\"id\":\"36ca1604-1ff6-4ab5-b432-9e9b1b220e54\",\"type\":\"LinearScale\"},{\"attributes\":{},\"id\":\"6c0289b6-2eee-4b28-a4f3-eb77ef4337a8\",\"type\":\"UnionRenderers\"}],\"root_ids\":[\"5957b5d3-95b6-494f-a3ef-17ec861cc87d\"]},\"title\":\"Bokeh Application\",\"version\":\"0.13.0\"}};\n",
       "  var render_items = [{\"docid\":\"739810ca-76cf-4d5e-b455-2b527ea5fa99\",\"roots\":{\"5957b5d3-95b6-494f-a3ef-17ec861cc87d\":\"d9af42ab-8d9b-4b39-97f7-39d2c5645c68\"}}];\n",
       "  root.Bokeh.embed.embed_items_notebook(docs_json, render_items);\n",
       "\n",
       "  }\n",
       "  if (root.Bokeh !== undefined) {\n",
       "    embed_document(root);\n",
       "  } else {\n",
       "    var attempts = 0;\n",
       "    var timer = setInterval(function(root) {\n",
       "      if (root.Bokeh !== undefined) {\n",
       "        embed_document(root);\n",
       "        clearInterval(timer);\n",
       "      }\n",
       "      attempts++;\n",
       "      if (attempts > 100) {\n",
       "        console.log(\"Bokeh: ERROR: Unable to run BokehJS code because BokehJS library is missing\")\n",
       "        clearInterval(timer);\n",
       "      }\n",
       "    }, 10, root)\n",
       "  }\n",
       "})(window);"
      ],
      "application/vnd.bokehjs_exec.v0+json": ""
     },
     "metadata": {
      "application/vnd.bokehjs_exec.v0+json": {
       "id": "5957b5d3-95b6-494f-a3ef-17ec861cc87d"
      }
     },
     "output_type": "display_data"
    }
   ],
   "source": [
    "# !!! Update graph_layout with fixed position !!!\n",
    "fixed_layout_provider = StaticLayoutProvider(graph_layout=fixed_layout)\n",
    "graph_renderer.layout_provider = fixed_layout_provider\n",
    "\n",
    "plot = Plot(plot_width=300, plot_height=300,\n",
    "            x_range=Range1d(-1.1, 1.1), y_range=Range1d(-1.1, 1.1))\n",
    "plot.renderers.append(graph_renderer)\n",
    "\n",
    "output_notebook()\n",
    "show(plot)"
   ]
  }
 ],
 "metadata": {
  "hide_input": false,
  "kernelspec": {
   "display_name": "Environment (conda_nx2_env)",
   "language": "python",
   "name": "conda_nx2_env"
  },
  "toc": {
   "nav_menu": {},
   "number_sections": true,
   "sideBar": true,
   "skip_h1_title": false,
   "toc_cell": false,
   "toc_position": {},
   "toc_section_display": "block",
   "toc_window_display": false
  },
  "varInspector": {
   "cols": {
    "lenName": 16,
    "lenType": 16,
    "lenVar": 40
   },
   "kernels_config": {
    "python": {
     "delete_cmd_postfix": "",
     "delete_cmd_prefix": "del ",
     "library": "var_list.py",
     "varRefreshCmd": "print(var_dic_list())"
    },
    "r": {
     "delete_cmd_postfix": ") ",
     "delete_cmd_prefix": "rm(",
     "library": "var_list.r",
     "varRefreshCmd": "cat(var_dic_list()) "
    }
   },
   "types_to_exclude": [
    "module",
    "function",
    "builtin_function_or_method",
    "instance",
    "_Feature"
   ],
   "window_display": false
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}