notebooks/7-03.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## 第7章 Bokehを使いこなそう\n",
    "\n",
    "### 7-3: 色の調整"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "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=\"6a5122f4-3eec-4b89-a7e3-bf1e5c9ebc2a\">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",
       "      var el = document.getElementById(\"6a5122f4-3eec-4b89-a7e3-bf1e5c9ebc2a\");\n",
       "      el.textContent = \"BokehJS \" + Bokeh.version + \" 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(\"6a5122f4-3eec-4b89-a7e3-bf1e5c9ebc2a\");\n",
       "  if (element == null) {\n",
       "    console.log(\"Bokeh: ERROR: autoload.js configured with elementid '6a5122f4-3eec-4b89-a7e3-bf1e5c9ebc2a' 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.5.min.js\", \"https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.12.5.min.js\"];\n",
       "\n",
       "  var inline_js = [\n",
       "    function(Bokeh) {\n",
       "      Bokeh.set_log_level(\"info\");\n",
       "    },\n",
       "    \n",
       "    function(Bokeh) {\n",
       "      \n",
       "    },\n",
       "    \n",
       "    function(Bokeh) {\n",
       "      \n",
       "      document.getElementById(\"6a5122f4-3eec-4b89-a7e3-bf1e5c9ebc2a\").textContent = \"BokehJS is loading...\";\n",
       "\n",
       "    },\n",
       "    function(Bokeh) {\n",
       "      console.log(\"Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-0.12.5.min.css\");\n",
       "      Bokeh.embed.inject_css(\"https://cdn.pydata.org/bokeh/release/bokeh-0.12.5.min.css\");\n",
       "      console.log(\"Bokeh: injecting CSS: https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.12.5.min.css\");\n",
       "      Bokeh.embed.inject_css(\"https://cdn.pydata.org/bokeh/release/bokeh-widgets-0.12.5.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(\"6a5122f4-3eec-4b89-a7e3-bf1e5c9ebc2a\")).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=\"d373f44a-97ea-4507-bb6b-e0eb66e80cf3\"></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",
       "        var el = document.getElementById(\"d373f44a-97ea-4507-bb6b-e0eb66e80cf3\");\n",
       "        el.textContent = \"BokehJS \" + Bokeh.version + \" 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(\"d373f44a-97ea-4507-bb6b-e0eb66e80cf3\");\n",
       "    if (element == null) {\n",
       "      console.log(\"Bokeh: ERROR: autoload.js configured with elementid 'd373f44a-97ea-4507-bb6b-e0eb66e80cf3' 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",
       "        (function() {\n",
       "          var fn = function() {\n",
       "            var docs_json = {\"cd527e0a-8b0d-4d3c-a97d-e655f8f98946\":{\"roots\":{\"references\":[{\"attributes\":{\"plot\":{\"id\":\"71ed8b72-fa53-49d6-94da-f0d7b19e77ff\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"d8daf05e-8774-43ec-8d54-afc2facf8bcc\",\"type\":\"SaveTool\"},{\"attributes\":{\"active_drag\":\"auto\",\"active_scroll\":\"auto\",\"active_tap\":\"auto\",\"tools\":[{\"id\":\"c5b3a881-1041-4260-82e6-368cb37f836e\",\"type\":\"PanTool\"},{\"id\":\"56b86591-f4b5-47bc-899d-683689018ba9\",\"type\":\"WheelZoomTool\"},{\"id\":\"d16b6b10-37c2-445e-8f4f-890856bed176\",\"type\":\"BoxZoomTool\"},{\"id\":\"d8daf05e-8774-43ec-8d54-afc2facf8bcc\",\"type\":\"SaveTool\"},{\"id\":\"f29e4efa-28d1-435d-ac64-1e4e8971662b\",\"type\":\"ResetTool\"},{\"id\":\"d6cb60ae-081b-4436-b1a3-d7bc1be48945\",\"type\":\"HelpTool\"}]},\"id\":\"46b12b5e-f010-447a-ab91-640d6c7a6b4e\",\"type\":\"Toolbar\"},{\"attributes\":{\"data_source\":{\"id\":\"fa3e8b9a-6df3-410e-b020-3d82b2248a0a\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"dc5035c1-4fa0-4c13-a76d-4930f8d4005f\",\"type\":\"Circle\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"5e3d9916-9f0d-4484-965c-4f908c3a758a\",\"type\":\"Circle\"},\"selection_glyph\":null},\"id\":\"2e678f86-be2a-4e95-8d72-cbf916424483\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"callback\":null},\"id\":\"1bd0bc13-6179-4d16-ad44-eb1083f43bbf\",\"type\":\"DataRange1d\"},{\"attributes\":{\"plot\":{\"id\":\"71ed8b72-fa53-49d6-94da-f0d7b19e77ff\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"f29e4efa-28d1-435d-ac64-1e4e8971662b\",\"type\":\"ResetTool\"},{\"attributes\":{\"below\":[{\"id\":\"506b11f3-0bc8-454e-a29b-1d23a05d6111\",\"type\":\"LinearAxis\"}],\"left\":[{\"id\":\"13463539-c23c-4942-9445-a31e4bd2815a\",\"type\":\"LinearAxis\"}],\"plot_height\":200,\"plot_width\":200,\"renderers\":[{\"id\":\"506b11f3-0bc8-454e-a29b-1d23a05d6111\",\"type\":\"LinearAxis\"},{\"id\":\"7c403a82-ae0d-4fc9-bc18-f193a045e257\",\"type\":\"Grid\"},{\"id\":\"13463539-c23c-4942-9445-a31e4bd2815a\",\"type\":\"LinearAxis\"},{\"id\":\"edea6e1d-8051-4cf8-8af5-5b1bb00f2dcf\",\"type\":\"Grid\"},{\"id\":\"b9a2d53a-f671-4e45-a4b9-9744b778d1be\",\"type\":\"BoxAnnotation\"},{\"id\":\"2e678f86-be2a-4e95-8d72-cbf916424483\",\"type\":\"GlyphRenderer\"}],\"title\":{\"id\":\"4b3f9168-c374-47d8-9617-4a16079c8654\",\"type\":\"Title\"},\"tool_events\":{\"id\":\"07532858-b155-4231-b32e-cba10eb37fd2\",\"type\":\"ToolEvents\"},\"toolbar\":{\"id\":\"46b12b5e-f010-447a-ab91-640d6c7a6b4e\",\"type\":\"Toolbar\"},\"x_range\":{\"id\":\"3b752de8-13d2-4560-875f-e0118938ad50\",\"type\":\"DataRange1d\"},\"y_range\":{\"id\":\"1bd0bc13-6179-4d16-ad44-eb1083f43bbf\",\"type\":\"DataRange1d\"}},\"id\":\"71ed8b72-fa53-49d6-94da-f0d7b19e77ff\",\"subtype\":\"Figure\",\"type\":\"Plot\"},{\"attributes\":{\"formatter\":{\"id\":\"0aac1365-3604-4639-9567-7d8df87c9d43\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"71ed8b72-fa53-49d6-94da-f0d7b19e77ff\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"b898c801-3009-4b83-8787-8679cbc17a31\",\"type\":\"BasicTicker\"}},\"id\":\"506b11f3-0bc8-454e-a29b-1d23a05d6111\",\"type\":\"LinearAxis\"},{\"attributes\":{},\"id\":\"07532858-b155-4231-b32e-cba10eb37fd2\",\"type\":\"ToolEvents\"},{\"attributes\":{\"fill_color\":{\"value\":\"red\"},\"line_color\":{\"value\":\"red\"},\"size\":{\"units\":\"screen\",\"value\":30},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"dc5035c1-4fa0-4c13-a76d-4930f8d4005f\",\"type\":\"Circle\"},{\"attributes\":{},\"id\":\"b898c801-3009-4b83-8787-8679cbc17a31\",\"type\":\"BasicTicker\"},{\"attributes\":{\"callback\":null,\"column_names\":[\"x\",\"y\"],\"data\":{\"x\":[0],\"y\":[0]}},\"id\":\"fa3e8b9a-6df3-410e-b020-3d82b2248a0a\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"plot\":null,\"text\":\"\"},\"id\":\"4b3f9168-c374-47d8-9617-4a16079c8654\",\"type\":\"Title\"},{\"attributes\":{\"plot\":{\"id\":\"71ed8b72-fa53-49d6-94da-f0d7b19e77ff\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"b898c801-3009-4b83-8787-8679cbc17a31\",\"type\":\"BasicTicker\"}},\"id\":\"7c403a82-ae0d-4fc9-bc18-f193a045e257\",\"type\":\"Grid\"},{\"attributes\":{\"formatter\":{\"id\":\"6f7054af-16c4-4a15-9d06-c42d933c78ff\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"71ed8b72-fa53-49d6-94da-f0d7b19e77ff\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"c1eab7c4-7ab2-4576-90bf-222427e73944\",\"type\":\"BasicTicker\"}},\"id\":\"13463539-c23c-4942-9445-a31e4bd2815a\",\"type\":\"LinearAxis\"},{\"attributes\":{},\"id\":\"c1eab7c4-7ab2-4576-90bf-222427e73944\",\"type\":\"BasicTicker\"},{\"attributes\":{\"dimension\":1,\"plot\":{\"id\":\"71ed8b72-fa53-49d6-94da-f0d7b19e77ff\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"c1eab7c4-7ab2-4576-90bf-222427e73944\",\"type\":\"BasicTicker\"}},\"id\":\"edea6e1d-8051-4cf8-8af5-5b1bb00f2dcf\",\"type\":\"Grid\"},{\"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\":\"b9a2d53a-f671-4e45-a4b9-9744b778d1be\",\"type\":\"BoxAnnotation\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.1},\"fill_color\":{\"value\":\"#1f77b4\"},\"line_alpha\":{\"value\":0.1},\"line_color\":{\"value\":\"#1f77b4\"},\"size\":{\"units\":\"screen\",\"value\":30},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"5e3d9916-9f0d-4484-965c-4f908c3a758a\",\"type\":\"Circle\"},{\"attributes\":{\"callback\":null},\"id\":\"3b752de8-13d2-4560-875f-e0118938ad50\",\"type\":\"DataRange1d\"},{\"attributes\":{\"plot\":{\"id\":\"71ed8b72-fa53-49d6-94da-f0d7b19e77ff\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"c5b3a881-1041-4260-82e6-368cb37f836e\",\"type\":\"PanTool\"},{\"attributes\":{\"plot\":{\"id\":\"71ed8b72-fa53-49d6-94da-f0d7b19e77ff\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"d6cb60ae-081b-4436-b1a3-d7bc1be48945\",\"type\":\"HelpTool\"},{\"attributes\":{\"plot\":{\"id\":\"71ed8b72-fa53-49d6-94da-f0d7b19e77ff\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"56b86591-f4b5-47bc-899d-683689018ba9\",\"type\":\"WheelZoomTool\"},{\"attributes\":{},\"id\":\"0aac1365-3604-4639-9567-7d8df87c9d43\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"overlay\":{\"id\":\"b9a2d53a-f671-4e45-a4b9-9744b778d1be\",\"type\":\"BoxAnnotation\"},\"plot\":{\"id\":\"71ed8b72-fa53-49d6-94da-f0d7b19e77ff\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"d16b6b10-37c2-445e-8f4f-890856bed176\",\"type\":\"BoxZoomTool\"},{\"attributes\":{},\"id\":\"6f7054af-16c4-4a15-9d06-c42d933c78ff\",\"type\":\"BasicTickFormatter\"}],\"root_ids\":[\"71ed8b72-fa53-49d6-94da-f0d7b19e77ff\"]},\"title\":\"Bokeh Application\",\"version\":\"0.12.5\"}};\n",
       "            var render_items = [{\"docid\":\"cd527e0a-8b0d-4d3c-a97d-e655f8f98946\",\"elementid\":\"d373f44a-97ea-4507-bb6b-e0eb66e80cf3\",\"modelid\":\"71ed8b72-fa53-49d6-94da-f0d7b19e77ff\"}];\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",
       "      },\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(\"d373f44a-97ea-4507-bb6b-e0eb66e80cf3\")).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": [
    "# リスト7.3.1：カラーネームによる色の設定\n",
    "from bokeh.plotting import figure, output_notebook, show\n",
    "\n",
    "output_notebook()\n",
    "p = figure(plot_width=200, plot_height=200)\n",
    "p.circle([0], [0], size=30, color=\"red\")\n",
    "show(p)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "\n",
       "    <div class=\"bk-root\">\n",
       "        <div class=\"bk-plotdiv\" id=\"62bff8c4-09b3-443b-8c8a-c42c18d9601f\"></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",
       "        var el = document.getElementById(\"62bff8c4-09b3-443b-8c8a-c42c18d9601f\");\n",
       "        el.textContent = \"BokehJS \" + Bokeh.version + \" 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(\"62bff8c4-09b3-443b-8c8a-c42c18d9601f\");\n",
       "    if (element == null) {\n",
       "      console.log(\"Bokeh: ERROR: autoload.js configured with elementid '62bff8c4-09b3-443b-8c8a-c42c18d9601f' 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",
       "        (function() {\n",
       "          var fn = function() {\n",
       "            var docs_json = {\"65017fa5-9e98-4256-9fe7-07db9e75bb0a\":{\"roots\":{\"references\":[{\"attributes\":{\"plot\":null,\"text\":\"\"},\"id\":\"70a13ee8-f2de-4019-b7b7-d6e171bfa165\",\"type\":\"Title\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.1},\"fill_color\":{\"value\":\"#1f77b4\"},\"line_alpha\":{\"value\":0.1},\"line_color\":{\"value\":\"#1f77b4\"},\"size\":{\"units\":\"screen\",\"value\":30},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"63154289-2551-421d-8523-f5d491a4c274\",\"type\":\"Circle\"},{\"attributes\":{\"formatter\":{\"id\":\"4c672097-752c-428c-8aca-63180c54751a\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"4ac229c9-1986-4375-801e-7ecc8c3b7ec8\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"71de00ed-90a6-4b94-9f67-c9e5f71d8b4d\",\"type\":\"BasicTicker\"}},\"id\":\"15fb9e52-3341-406b-ba4c-bd40978a2544\",\"type\":\"LinearAxis\"},{\"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\":\"393f9b21-d3e5-40f6-9e2c-510e6f6ad875\",\"type\":\"BoxAnnotation\"},{\"attributes\":{\"callback\":null,\"column_names\":[\"x\",\"y\"],\"data\":{\"x\":[0],\"y\":[0]}},\"id\":\"e4d37bb5-f37e-4170-8ca1-62300468a485\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"plot\":{\"id\":\"4ac229c9-1986-4375-801e-7ecc8c3b7ec8\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"c01db026-9b92-4d44-8f24-8d49b77c46dd\",\"type\":\"HelpTool\"},{\"attributes\":{\"below\":[{\"id\":\"15fb9e52-3341-406b-ba4c-bd40978a2544\",\"type\":\"LinearAxis\"}],\"left\":[{\"id\":\"4b674a10-40e3-4346-b5f9-8ee55e5b61c4\",\"type\":\"LinearAxis\"}],\"plot_height\":200,\"plot_width\":200,\"renderers\":[{\"id\":\"15fb9e52-3341-406b-ba4c-bd40978a2544\",\"type\":\"LinearAxis\"},{\"id\":\"6df90598-d730-447e-956a-d3dfbfba3851\",\"type\":\"Grid\"},{\"id\":\"4b674a10-40e3-4346-b5f9-8ee55e5b61c4\",\"type\":\"LinearAxis\"},{\"id\":\"93d19bd5-7f77-4827-8d1b-31c92ff15913\",\"type\":\"Grid\"},{\"id\":\"393f9b21-d3e5-40f6-9e2c-510e6f6ad875\",\"type\":\"BoxAnnotation\"},{\"id\":\"104ebbe2-ee83-45eb-9da9-50efb0ad9477\",\"type\":\"GlyphRenderer\"}],\"title\":{\"id\":\"70a13ee8-f2de-4019-b7b7-d6e171bfa165\",\"type\":\"Title\"},\"tool_events\":{\"id\":\"23cd403b-f4b7-4132-86f9-40bf7a6e3ffc\",\"type\":\"ToolEvents\"},\"toolbar\":{\"id\":\"da9db192-bced-494b-8a8b-97619c58420a\",\"type\":\"Toolbar\"},\"x_range\":{\"id\":\"d7afad22-a6f3-4d81-b2aa-aad9c2a07a02\",\"type\":\"DataRange1d\"},\"y_range\":{\"id\":\"b4b03999-ee63-4fc3-83bb-d4935fe75a45\",\"type\":\"DataRange1d\"}},\"id\":\"4ac229c9-1986-4375-801e-7ecc8c3b7ec8\",\"subtype\":\"Figure\",\"type\":\"Plot\"},{\"attributes\":{\"plot\":{\"id\":\"4ac229c9-1986-4375-801e-7ecc8c3b7ec8\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"6ecf8809-7d95-4fae-98b4-db84fd703117\",\"type\":\"ResetTool\"},{\"attributes\":{\"plot\":{\"id\":\"4ac229c9-1986-4375-801e-7ecc8c3b7ec8\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"552e8e88-5b52-4520-9d93-4adb8054efce\",\"type\":\"SaveTool\"},{\"attributes\":{\"overlay\":{\"id\":\"393f9b21-d3e5-40f6-9e2c-510e6f6ad875\",\"type\":\"BoxAnnotation\"},\"plot\":{\"id\":\"4ac229c9-1986-4375-801e-7ecc8c3b7ec8\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"7f0a40d1-906b-48b9-94e8-f4dbe6419c1a\",\"type\":\"BoxZoomTool\"},{\"attributes\":{\"plot\":{\"id\":\"4ac229c9-1986-4375-801e-7ecc8c3b7ec8\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"0f5ae556-4253-441b-89d0-b61b345f1636\",\"type\":\"WheelZoomTool\"},{\"attributes\":{\"data_source\":{\"id\":\"e4d37bb5-f37e-4170-8ca1-62300468a485\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"5e562edc-bbbb-45a7-b5ff-b6b085499fa0\",\"type\":\"Circle\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"63154289-2551-421d-8523-f5d491a4c274\",\"type\":\"Circle\"},\"selection_glyph\":null},\"id\":\"104ebbe2-ee83-45eb-9da9-50efb0ad9477\",\"type\":\"GlyphRenderer\"},{\"attributes\":{},\"id\":\"d3e05697-8c31-41b1-86d1-5daf580aa9fb\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{},\"id\":\"ed2b37f4-434d-44d1-bbd0-0edc6b08bb00\",\"type\":\"BasicTicker\"},{\"attributes\":{\"plot\":{\"id\":\"4ac229c9-1986-4375-801e-7ecc8c3b7ec8\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"07df98cf-938e-4069-bae5-92158f5e6003\",\"type\":\"PanTool\"},{\"attributes\":{\"active_drag\":\"auto\",\"active_scroll\":\"auto\",\"active_tap\":\"auto\",\"tools\":[{\"id\":\"07df98cf-938e-4069-bae5-92158f5e6003\",\"type\":\"PanTool\"},{\"id\":\"0f5ae556-4253-441b-89d0-b61b345f1636\",\"type\":\"WheelZoomTool\"},{\"id\":\"7f0a40d1-906b-48b9-94e8-f4dbe6419c1a\",\"type\":\"BoxZoomTool\"},{\"id\":\"552e8e88-5b52-4520-9d93-4adb8054efce\",\"type\":\"SaveTool\"},{\"id\":\"6ecf8809-7d95-4fae-98b4-db84fd703117\",\"type\":\"ResetTool\"},{\"id\":\"c01db026-9b92-4d44-8f24-8d49b77c46dd\",\"type\":\"HelpTool\"}]},\"id\":\"da9db192-bced-494b-8a8b-97619c58420a\",\"type\":\"Toolbar\"},{\"attributes\":{\"formatter\":{\"id\":\"d3e05697-8c31-41b1-86d1-5daf580aa9fb\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"4ac229c9-1986-4375-801e-7ecc8c3b7ec8\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"ed2b37f4-434d-44d1-bbd0-0edc6b08bb00\",\"type\":\"BasicTicker\"}},\"id\":\"4b674a10-40e3-4346-b5f9-8ee55e5b61c4\",\"type\":\"LinearAxis\"},{\"attributes\":{\"callback\":null},\"id\":\"d7afad22-a6f3-4d81-b2aa-aad9c2a07a02\",\"type\":\"DataRange1d\"},{\"attributes\":{},\"id\":\"4c672097-752c-428c-8aca-63180c54751a\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{},\"id\":\"23cd403b-f4b7-4132-86f9-40bf7a6e3ffc\",\"type\":\"ToolEvents\"},{\"attributes\":{},\"id\":\"71de00ed-90a6-4b94-9f67-c9e5f71d8b4d\",\"type\":\"BasicTicker\"},{\"attributes\":{\"callback\":null},\"id\":\"b4b03999-ee63-4fc3-83bb-d4935fe75a45\",\"type\":\"DataRange1d\"},{\"attributes\":{\"plot\":{\"id\":\"4ac229c9-1986-4375-801e-7ecc8c3b7ec8\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"71de00ed-90a6-4b94-9f67-c9e5f71d8b4d\",\"type\":\"BasicTicker\"}},\"id\":\"6df90598-d730-447e-956a-d3dfbfba3851\",\"type\":\"Grid\"},{\"attributes\":{\"dimension\":1,\"plot\":{\"id\":\"4ac229c9-1986-4375-801e-7ecc8c3b7ec8\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"ed2b37f4-434d-44d1-bbd0-0edc6b08bb00\",\"type\":\"BasicTicker\"}},\"id\":\"93d19bd5-7f77-4827-8d1b-31c92ff15913\",\"type\":\"Grid\"},{\"attributes\":{\"fill_color\":{\"value\":\"#FF0000\"},\"line_color\":{\"value\":\"#FF0000\"},\"size\":{\"units\":\"screen\",\"value\":30},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"5e562edc-bbbb-45a7-b5ff-b6b085499fa0\",\"type\":\"Circle\"}],\"root_ids\":[\"4ac229c9-1986-4375-801e-7ecc8c3b7ec8\"]},\"title\":\"Bokeh Application\",\"version\":\"0.12.5\"}};\n",
       "            var render_items = [{\"docid\":\"65017fa5-9e98-4256-9fe7-07db9e75bb0a\",\"elementid\":\"62bff8c4-09b3-443b-8c8a-c42c18d9601f\",\"modelid\":\"4ac229c9-1986-4375-801e-7ecc8c3b7ec8\"}];\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",
       "      },\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(\"62bff8c4-09b3-443b-8c8a-c42c18d9601f\")).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": [
    "# リスト7.3.2：16進数カラーコードによる色の設定\n",
    "p = figure(plot_width=200, plot_height=200)\n",
    "p.circle([0], [0], size=30, color=\"#FF0000\")\n",
    "show(p)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "\n",
       "    <div class=\"bk-root\">\n",
       "        <div class=\"bk-plotdiv\" id=\"4bb2739b-cea3-4add-91cc-732101edb685\"></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",
       "        var el = document.getElementById(\"4bb2739b-cea3-4add-91cc-732101edb685\");\n",
       "        el.textContent = \"BokehJS \" + Bokeh.version + \" 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(\"4bb2739b-cea3-4add-91cc-732101edb685\");\n",
       "    if (element == null) {\n",
       "      console.log(\"Bokeh: ERROR: autoload.js configured with elementid '4bb2739b-cea3-4add-91cc-732101edb685' 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",
       "        (function() {\n",
       "          var fn = function() {\n",
       "            var docs_json = {\"f59ca993-d607-4e8d-a041-74804185cc46\":{\"roots\":{\"references\":[{\"attributes\":{\"dimension\":1,\"plot\":{\"id\":\"805f263a-8837-4477-b41d-aa5c2ec94994\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"ca6cbfe7-f650-48ac-9217-9a537512d4af\",\"type\":\"BasicTicker\"}},\"id\":\"18ea0542-671d-4d21-9d67-591a21509f6f\",\"type\":\"Grid\"},{\"attributes\":{\"formatter\":{\"id\":\"f3da58f0-88f5-4f71-b20a-7d9ca9386098\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"805f263a-8837-4477-b41d-aa5c2ec94994\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"e4921b93-6b4b-4b85-896b-7470fb5daaf8\",\"type\":\"BasicTicker\"}},\"id\":\"9f09110a-89c0-4dba-8ad2-3b95ca6b2ea4\",\"type\":\"LinearAxis\"},{\"attributes\":{\"callback\":null},\"id\":\"26140895-5003-4620-b547-5da638d0d3a2\",\"type\":\"DataRange1d\"},{\"attributes\":{},\"id\":\"f3da58f0-88f5-4f71-b20a-7d9ca9386098\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"data_source\":{\"id\":\"4075def0-de53-4e68-a823-40f8a583e345\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"e7bdb695-151d-4565-af42-bf543edb547c\",\"type\":\"Circle\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"bea10abe-1798-47be-84c8-e70686637fdb\",\"type\":\"Circle\"},\"selection_glyph\":null},\"id\":\"a7266db7-c1f6-4955-ac80-12ed2874173f\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"formatter\":{\"id\":\"7eaeadd7-0d28-4b98-adc1-b6685649e0fa\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"805f263a-8837-4477-b41d-aa5c2ec94994\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"ca6cbfe7-f650-48ac-9217-9a537512d4af\",\"type\":\"BasicTicker\"}},\"id\":\"5fc0fff0-ccbb-4b5e-9995-5860ae4c9a06\",\"type\":\"LinearAxis\"},{\"attributes\":{},\"id\":\"ca6cbfe7-f650-48ac-9217-9a537512d4af\",\"type\":\"BasicTicker\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.1},\"fill_color\":{\"value\":\"#1f77b4\"},\"line_alpha\":{\"value\":0.1},\"line_color\":{\"value\":\"#1f77b4\"},\"size\":{\"units\":\"screen\",\"value\":30},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"bea10abe-1798-47be-84c8-e70686637fdb\",\"type\":\"Circle\"},{\"attributes\":{\"overlay\":{\"id\":\"06f27c6e-e706-4c93-858d-506b4139bf20\",\"type\":\"BoxAnnotation\"},\"plot\":{\"id\":\"805f263a-8837-4477-b41d-aa5c2ec94994\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"81267dc6-8b02-4894-9e5b-110676675756\",\"type\":\"BoxZoomTool\"},{\"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\":\"06f27c6e-e706-4c93-858d-506b4139bf20\",\"type\":\"BoxAnnotation\"},{\"attributes\":{\"callback\":null,\"column_names\":[\"x\",\"y\"],\"data\":{\"x\":[0],\"y\":[0]}},\"id\":\"4075def0-de53-4e68-a823-40f8a583e345\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"plot\":{\"id\":\"805f263a-8837-4477-b41d-aa5c2ec94994\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"8f97eedb-63cc-4455-b1b7-261571621c87\",\"type\":\"WheelZoomTool\"},{\"attributes\":{\"callback\":null},\"id\":\"a509e43a-2278-4c8a-b2a4-63f64e94d3c0\",\"type\":\"DataRange1d\"},{\"attributes\":{},\"id\":\"7eaeadd7-0d28-4b98-adc1-b6685649e0fa\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"below\":[{\"id\":\"9f09110a-89c0-4dba-8ad2-3b95ca6b2ea4\",\"type\":\"LinearAxis\"}],\"left\":[{\"id\":\"5fc0fff0-ccbb-4b5e-9995-5860ae4c9a06\",\"type\":\"LinearAxis\"}],\"plot_height\":200,\"plot_width\":200,\"renderers\":[{\"id\":\"9f09110a-89c0-4dba-8ad2-3b95ca6b2ea4\",\"type\":\"LinearAxis\"},{\"id\":\"8248726c-690b-4759-9988-d9d47722594c\",\"type\":\"Grid\"},{\"id\":\"5fc0fff0-ccbb-4b5e-9995-5860ae4c9a06\",\"type\":\"LinearAxis\"},{\"id\":\"18ea0542-671d-4d21-9d67-591a21509f6f\",\"type\":\"Grid\"},{\"id\":\"06f27c6e-e706-4c93-858d-506b4139bf20\",\"type\":\"BoxAnnotation\"},{\"id\":\"a7266db7-c1f6-4955-ac80-12ed2874173f\",\"type\":\"GlyphRenderer\"}],\"title\":{\"id\":\"b9690958-8674-4e06-bb35-326f74011c30\",\"type\":\"Title\"},\"tool_events\":{\"id\":\"7939787b-ece0-4e0b-8270-7290643e764f\",\"type\":\"ToolEvents\"},\"toolbar\":{\"id\":\"5fbad27c-32c5-40d1-afd3-3f662497eb54\",\"type\":\"Toolbar\"},\"x_range\":{\"id\":\"26140895-5003-4620-b547-5da638d0d3a2\",\"type\":\"DataRange1d\"},\"y_range\":{\"id\":\"a509e43a-2278-4c8a-b2a4-63f64e94d3c0\",\"type\":\"DataRange1d\"}},\"id\":\"805f263a-8837-4477-b41d-aa5c2ec94994\",\"subtype\":\"Figure\",\"type\":\"Plot\"},{\"attributes\":{\"plot\":{\"id\":\"805f263a-8837-4477-b41d-aa5c2ec94994\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"b79d474f-a400-432d-b7a0-b2638528f0f9\",\"type\":\"HelpTool\"},{\"attributes\":{\"plot\":{\"id\":\"805f263a-8837-4477-b41d-aa5c2ec94994\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"dc143d06-5674-4524-9904-ecf33edf3cd7\",\"type\":\"PanTool\"},{\"attributes\":{\"plot\":null,\"text\":\"\"},\"id\":\"b9690958-8674-4e06-bb35-326f74011c30\",\"type\":\"Title\"},{\"attributes\":{\"plot\":{\"id\":\"805f263a-8837-4477-b41d-aa5c2ec94994\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"e4921b93-6b4b-4b85-896b-7470fb5daaf8\",\"type\":\"BasicTicker\"}},\"id\":\"8248726c-690b-4759-9988-d9d47722594c\",\"type\":\"Grid\"},{\"attributes\":{},\"id\":\"e4921b93-6b4b-4b85-896b-7470fb5daaf8\",\"type\":\"BasicTicker\"},{\"attributes\":{\"active_drag\":\"auto\",\"active_scroll\":\"auto\",\"active_tap\":\"auto\",\"tools\":[{\"id\":\"dc143d06-5674-4524-9904-ecf33edf3cd7\",\"type\":\"PanTool\"},{\"id\":\"8f97eedb-63cc-4455-b1b7-261571621c87\",\"type\":\"WheelZoomTool\"},{\"id\":\"81267dc6-8b02-4894-9e5b-110676675756\",\"type\":\"BoxZoomTool\"},{\"id\":\"89ae0700-64c7-489a-a934-a365c9f0a405\",\"type\":\"SaveTool\"},{\"id\":\"ab658882-b1da-4120-bbcc-853ec45cf3d3\",\"type\":\"ResetTool\"},{\"id\":\"b79d474f-a400-432d-b7a0-b2638528f0f9\",\"type\":\"HelpTool\"}]},\"id\":\"5fbad27c-32c5-40d1-afd3-3f662497eb54\",\"type\":\"Toolbar\"},{\"attributes\":{\"plot\":{\"id\":\"805f263a-8837-4477-b41d-aa5c2ec94994\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"89ae0700-64c7-489a-a934-a365c9f0a405\",\"type\":\"SaveTool\"},{\"attributes\":{\"fill_color\":{\"value\":\"rgb(255, 0, 0)\"},\"line_color\":{\"value\":\"rgb(255, 0, 0)\"},\"size\":{\"units\":\"screen\",\"value\":30},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"e7bdb695-151d-4565-af42-bf543edb547c\",\"type\":\"Circle\"},{\"attributes\":{\"plot\":{\"id\":\"805f263a-8837-4477-b41d-aa5c2ec94994\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"ab658882-b1da-4120-bbcc-853ec45cf3d3\",\"type\":\"ResetTool\"},{\"attributes\":{},\"id\":\"7939787b-ece0-4e0b-8270-7290643e764f\",\"type\":\"ToolEvents\"}],\"root_ids\":[\"805f263a-8837-4477-b41d-aa5c2ec94994\"]},\"title\":\"Bokeh Application\",\"version\":\"0.12.5\"}};\n",
       "            var render_items = [{\"docid\":\"f59ca993-d607-4e8d-a041-74804185cc46\",\"elementid\":\"4bb2739b-cea3-4add-91cc-732101edb685\",\"modelid\":\"805f263a-8837-4477-b41d-aa5c2ec94994\"}];\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",
       "      },\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(\"4bb2739b-cea3-4add-91cc-732101edb685\")).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": [
    "# リスト7.3.3：RGBカラーコードによる色の設定\n",
    "p = figure(plot_width=200, plot_height=200)\n",
    "p.circle([0], [0], size=30, color=(255, 0, 0))\n",
    "show(p)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "\n",
       "    <div class=\"bk-root\">\n",
       "        <div class=\"bk-plotdiv\" id=\"d2e401a9-8d50-4a7a-b0ef-5d0c32481cd7\"></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",
       "        var el = document.getElementById(\"d2e401a9-8d50-4a7a-b0ef-5d0c32481cd7\");\n",
       "        el.textContent = \"BokehJS \" + Bokeh.version + \" 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(\"d2e401a9-8d50-4a7a-b0ef-5d0c32481cd7\");\n",
       "    if (element == null) {\n",
       "      console.log(\"Bokeh: ERROR: autoload.js configured with elementid 'd2e401a9-8d50-4a7a-b0ef-5d0c32481cd7' 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",
       "        (function() {\n",
       "          var fn = function() {\n",
       "            var docs_json = {\"6684b59a-eca1-4dcf-b013-6abe0d757f81\":{\"roots\":{\"references\":[{\"attributes\":{\"plot\":{\"id\":\"0e4e2dfc-76bd-4597-86fe-cb7c5578f7df\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"14886410-6d70-4a59-8a30-278178c3ea42\",\"type\":\"WheelZoomTool\"},{\"attributes\":{\"plot\":{\"id\":\"0e4e2dfc-76bd-4597-86fe-cb7c5578f7df\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"3502d365-f601-4454-82fa-67bdb7c867cf\",\"type\":\"SaveTool\"},{\"attributes\":{\"plot\":{\"id\":\"0e4e2dfc-76bd-4597-86fe-cb7c5578f7df\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"732ce591-c018-4a4b-8d69-54698a28febe\",\"type\":\"BasicTicker\"}},\"id\":\"ea4bb7ca-615e-48e0-a180-803830b5fbd1\",\"type\":\"Grid\"},{\"attributes\":{\"overlay\":{\"id\":\"c06a8564-2481-4159-a981-830ebc3ccc23\",\"type\":\"BoxAnnotation\"},\"plot\":{\"id\":\"0e4e2dfc-76bd-4597-86fe-cb7c5578f7df\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"a9852726-f616-4eb8-b27a-873a0fc4fdca\",\"type\":\"BoxZoomTool\"},{\"attributes\":{\"data_source\":{\"id\":\"268eec4e-38fd-4eb3-a0cd-478d9e413aab\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"ee1188a1-2188-40de-972c-104aea4e851e\",\"type\":\"Circle\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"8cd36cc3-5e29-4e7d-9530-e5d50e9d5558\",\"type\":\"Circle\"},\"selection_glyph\":null},\"id\":\"b33e50b7-6393-4d13-8b65-de922cd9670f\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"plot\":{\"id\":\"0e4e2dfc-76bd-4597-86fe-cb7c5578f7df\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"823d7c5e-d4be-42d4-ae77-dd762f90e4f9\",\"type\":\"HelpTool\"},{\"attributes\":{\"plot\":{\"id\":\"0e4e2dfc-76bd-4597-86fe-cb7c5578f7df\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"058c7279-1d88-4c84-ab15-b29c1c42a85e\",\"type\":\"PanTool\"},{\"attributes\":{\"fill_color\":{\"value\":\"rgb(0, 0, 255)\"},\"line_color\":{\"value\":\"rgb(0, 0, 255)\"},\"size\":{\"units\":\"screen\",\"value\":30},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"dd66a811-8724-49f3-b099-1192b0cd71ad\",\"type\":\"Circle\"},{\"attributes\":{\"fill_color\":{\"value\":\"rgba(255, 0, 0, 0.5)\"},\"line_color\":{\"value\":\"rgba(255, 0, 0, 0.5)\"},\"size\":{\"units\":\"screen\",\"value\":50},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"ee1188a1-2188-40de-972c-104aea4e851e\",\"type\":\"Circle\"},{\"attributes\":{\"callback\":null,\"column_names\":[\"x\",\"y\"],\"data\":{\"x\":[0,0.5,1],\"y\":[0,0,0]}},\"id\":\"22395749-3390-49af-b5a5-1e5f8a8e1d38\",\"type\":\"ColumnDataSource\"},{\"attributes\":{},\"id\":\"732ce591-c018-4a4b-8d69-54698a28febe\",\"type\":\"BasicTicker\"},{\"attributes\":{},\"id\":\"22d8ddf4-4662-49b9-9a69-39ce0fa94ac0\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"formatter\":{\"id\":\"8a64e1a4-4acf-4c5c-8563-5346e13e1577\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"0e4e2dfc-76bd-4597-86fe-cb7c5578f7df\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"732ce591-c018-4a4b-8d69-54698a28febe\",\"type\":\"BasicTicker\"}},\"id\":\"a4263e05-4656-4316-a516-7178a1398cb7\",\"type\":\"LinearAxis\"},{\"attributes\":{\"data_source\":{\"id\":\"22395749-3390-49af-b5a5-1e5f8a8e1d38\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"dd66a811-8724-49f3-b099-1192b0cd71ad\",\"type\":\"Circle\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"5d2e6b66-519a-44dc-9872-e3c3da48b683\",\"type\":\"Circle\"},\"selection_glyph\":null},\"id\":\"7962d40b-1072-4bcd-adb9-a37f7b3bc3a4\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"callback\":null,\"column_names\":[\"x\",\"y\"],\"data\":{\"x\":[0.25,0.75],\"y\":[0,0]}},\"id\":\"268eec4e-38fd-4eb3-a0cd-478d9e413aab\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.1},\"fill_color\":{\"value\":\"#1f77b4\"},\"line_alpha\":{\"value\":0.1},\"line_color\":{\"value\":\"#1f77b4\"},\"size\":{\"units\":\"screen\",\"value\":50},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"8cd36cc3-5e29-4e7d-9530-e5d50e9d5558\",\"type\":\"Circle\"},{\"attributes\":{\"callback\":null},\"id\":\"65392f1a-6906-4847-8a43-7217f520d1e0\",\"type\":\"DataRange1d\"},{\"attributes\":{\"plot\":{\"id\":\"0e4e2dfc-76bd-4597-86fe-cb7c5578f7df\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"6ba6ac0a-723c-4888-85c7-b80d66577491\",\"type\":\"ResetTool\"},{\"attributes\":{},\"id\":\"ca81d648-fa90-40bc-b67f-ed5d03beefb8\",\"type\":\"ToolEvents\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.1},\"fill_color\":{\"value\":\"#1f77b4\"},\"line_alpha\":{\"value\":0.1},\"line_color\":{\"value\":\"#1f77b4\"},\"size\":{\"units\":\"screen\",\"value\":30},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"5d2e6b66-519a-44dc-9872-e3c3da48b683\",\"type\":\"Circle\"},{\"attributes\":{\"dimension\":1,\"plot\":{\"id\":\"0e4e2dfc-76bd-4597-86fe-cb7c5578f7df\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"3ddb463f-bf4d-4f10-ade2-4fbb585183dd\",\"type\":\"BasicTicker\"}},\"id\":\"231d6fae-081c-445a-8461-30f85bf0842c\",\"type\":\"Grid\"},{\"attributes\":{},\"id\":\"3ddb463f-bf4d-4f10-ade2-4fbb585183dd\",\"type\":\"BasicTicker\"},{\"attributes\":{\"formatter\":{\"id\":\"22d8ddf4-4662-49b9-9a69-39ce0fa94ac0\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"0e4e2dfc-76bd-4597-86fe-cb7c5578f7df\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"3ddb463f-bf4d-4f10-ade2-4fbb585183dd\",\"type\":\"BasicTicker\"}},\"id\":\"78b15a70-9a63-4a10-b5e3-228bc1e49e90\",\"type\":\"LinearAxis\"},{\"attributes\":{\"plot\":null,\"text\":\"\"},\"id\":\"06304785-a002-483d-bb5c-01dbd3fa701f\",\"type\":\"Title\"},{\"attributes\":{\"active_drag\":\"auto\",\"active_scroll\":\"auto\",\"active_tap\":\"auto\",\"tools\":[{\"id\":\"058c7279-1d88-4c84-ab15-b29c1c42a85e\",\"type\":\"PanTool\"},{\"id\":\"14886410-6d70-4a59-8a30-278178c3ea42\",\"type\":\"WheelZoomTool\"},{\"id\":\"a9852726-f616-4eb8-b27a-873a0fc4fdca\",\"type\":\"BoxZoomTool\"},{\"id\":\"3502d365-f601-4454-82fa-67bdb7c867cf\",\"type\":\"SaveTool\"},{\"id\":\"6ba6ac0a-723c-4888-85c7-b80d66577491\",\"type\":\"ResetTool\"},{\"id\":\"823d7c5e-d4be-42d4-ae77-dd762f90e4f9\",\"type\":\"HelpTool\"}]},\"id\":\"cea2b79e-98d3-462d-92b4-4974f93395fe\",\"type\":\"Toolbar\"},{\"attributes\":{\"callback\":null},\"id\":\"351fd554-a462-4967-8a4d-78eb429ca17f\",\"type\":\"DataRange1d\"},{\"attributes\":{},\"id\":\"8a64e1a4-4acf-4c5c-8563-5346e13e1577\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"below\":[{\"id\":\"a4263e05-4656-4316-a516-7178a1398cb7\",\"type\":\"LinearAxis\"}],\"left\":[{\"id\":\"78b15a70-9a63-4a10-b5e3-228bc1e49e90\",\"type\":\"LinearAxis\"}],\"plot_height\":200,\"plot_width\":200,\"renderers\":[{\"id\":\"a4263e05-4656-4316-a516-7178a1398cb7\",\"type\":\"LinearAxis\"},{\"id\":\"ea4bb7ca-615e-48e0-a180-803830b5fbd1\",\"type\":\"Grid\"},{\"id\":\"78b15a70-9a63-4a10-b5e3-228bc1e49e90\",\"type\":\"LinearAxis\"},{\"id\":\"231d6fae-081c-445a-8461-30f85bf0842c\",\"type\":\"Grid\"},{\"id\":\"c06a8564-2481-4159-a981-830ebc3ccc23\",\"type\":\"BoxAnnotation\"},{\"id\":\"7962d40b-1072-4bcd-adb9-a37f7b3bc3a4\",\"type\":\"GlyphRenderer\"},{\"id\":\"b33e50b7-6393-4d13-8b65-de922cd9670f\",\"type\":\"GlyphRenderer\"}],\"title\":{\"id\":\"06304785-a002-483d-bb5c-01dbd3fa701f\",\"type\":\"Title\"},\"tool_events\":{\"id\":\"ca81d648-fa90-40bc-b67f-ed5d03beefb8\",\"type\":\"ToolEvents\"},\"toolbar\":{\"id\":\"cea2b79e-98d3-462d-92b4-4974f93395fe\",\"type\":\"Toolbar\"},\"x_range\":{\"id\":\"65392f1a-6906-4847-8a43-7217f520d1e0\",\"type\":\"DataRange1d\"},\"y_range\":{\"id\":\"351fd554-a462-4967-8a4d-78eb429ca17f\",\"type\":\"DataRange1d\"}},\"id\":\"0e4e2dfc-76bd-4597-86fe-cb7c5578f7df\",\"subtype\":\"Figure\",\"type\":\"Plot\"},{\"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\":\"c06a8564-2481-4159-a981-830ebc3ccc23\",\"type\":\"BoxAnnotation\"}],\"root_ids\":[\"0e4e2dfc-76bd-4597-86fe-cb7c5578f7df\"]},\"title\":\"Bokeh Application\",\"version\":\"0.12.5\"}};\n",
       "            var render_items = [{\"docid\":\"6684b59a-eca1-4dcf-b013-6abe0d757f81\",\"elementid\":\"d2e401a9-8d50-4a7a-b0ef-5d0c32481cd7\",\"modelid\":\"0e4e2dfc-76bd-4597-86fe-cb7c5578f7df\"}];\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",
       "      },\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(\"d2e401a9-8d50-4a7a-b0ef-5d0c32481cd7\")).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": [
    "# リスト7.3.4：オブジェクトの不透明度を設定\n",
    "p = figure(plot_width=200, plot_height=200)\n",
    "p.circle([0, 0.5, 1], [0, 0, 0], size=30, color=(0, 0, 255))\n",
    "p.circle([0.25, 0.75], [0, 0], size=50, color=(255, 0, 0, 0.5))\n",
    "show(p)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "\n",
       "    <div class=\"bk-root\">\n",
       "        <div class=\"bk-plotdiv\" id=\"f1f061be-7dd6-4dcf-8626-ac45ba8026ed\"></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",
       "        var el = document.getElementById(\"f1f061be-7dd6-4dcf-8626-ac45ba8026ed\");\n",
       "        el.textContent = \"BokehJS \" + Bokeh.version + \" 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(\"f1f061be-7dd6-4dcf-8626-ac45ba8026ed\");\n",
       "    if (element == null) {\n",
       "      console.log(\"Bokeh: ERROR: autoload.js configured with elementid 'f1f061be-7dd6-4dcf-8626-ac45ba8026ed' 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",
       "        (function() {\n",
       "          var fn = function() {\n",
       "            var docs_json = {\"3ad54620-58f8-4b7b-89f5-07ed828480a6\":{\"roots\":{\"references\":[{\"attributes\":{\"fill_alpha\":{\"value\":0.5},\"fill_color\":{\"value\":\"red\"},\"line_alpha\":{\"value\":0.5},\"line_color\":{\"value\":\"red\"},\"size\":{\"units\":\"screen\",\"value\":50},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"0895c6ce-21df-475d-be31-70e78e60fc6e\",\"type\":\"Circle\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.1},\"fill_color\":{\"value\":\"#1f77b4\"},\"line_alpha\":{\"value\":0.1},\"line_color\":{\"value\":\"#1f77b4\"},\"size\":{\"units\":\"screen\",\"value\":50},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"26f7b4a9-4d02-49f9-9c2e-01a6517eb6a2\",\"type\":\"Circle\"},{\"attributes\":{},\"id\":\"949f5c05-1755-4bc9-89de-a0367a658858\",\"type\":\"ToolEvents\"},{\"attributes\":{\"callback\":null},\"id\":\"2cfe843c-b697-4a19-afe3-1cae5457cf2c\",\"type\":\"DataRange1d\"},{\"attributes\":{},\"id\":\"8043a580-2e69-450b-acec-4ae4d3b07c88\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"overlay\":{\"id\":\"9e7573b9-4d4e-494e-b998-e344554a6e24\",\"type\":\"BoxAnnotation\"},\"plot\":{\"id\":\"63d20942-b6ce-40a3-abc7-1757bf2a5c5b\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"9685a9b2-41b4-4f9e-9759-c62f54de7dfd\",\"type\":\"BoxZoomTool\"},{\"attributes\":{\"callback\":null,\"column_names\":[\"x\",\"y\"],\"data\":{\"x\":[0,0.5,1],\"y\":[0,0,0]}},\"id\":\"cdabe63c-ea74-407a-a609-df29af336324\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"plot\":{\"id\":\"63d20942-b6ce-40a3-abc7-1757bf2a5c5b\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"84b72ca7-c437-4768-86cc-39902a1d51dc\",\"type\":\"SaveTool\"},{\"attributes\":{\"below\":[{\"id\":\"ea9b479d-4f13-4d02-a108-f9199f66a78b\",\"type\":\"LinearAxis\"}],\"left\":[{\"id\":\"43562fc3-e016-461f-af60-c8f10ffff161\",\"type\":\"LinearAxis\"}],\"plot_height\":200,\"plot_width\":200,\"renderers\":[{\"id\":\"ea9b479d-4f13-4d02-a108-f9199f66a78b\",\"type\":\"LinearAxis\"},{\"id\":\"30e693de-8dab-459b-9305-21861e9900b4\",\"type\":\"Grid\"},{\"id\":\"43562fc3-e016-461f-af60-c8f10ffff161\",\"type\":\"LinearAxis\"},{\"id\":\"d48ef412-26b2-4ef5-8f3c-08b1929acdc8\",\"type\":\"Grid\"},{\"id\":\"9e7573b9-4d4e-494e-b998-e344554a6e24\",\"type\":\"BoxAnnotation\"},{\"id\":\"1451227e-8eae-4267-8b43-c1c9e46a668e\",\"type\":\"GlyphRenderer\"},{\"id\":\"8e86c74e-0585-4e2f-8981-c891aae510be\",\"type\":\"GlyphRenderer\"}],\"title\":{\"id\":\"70a5bc36-e276-4a0d-a235-259051e90a3b\",\"type\":\"Title\"},\"tool_events\":{\"id\":\"949f5c05-1755-4bc9-89de-a0367a658858\",\"type\":\"ToolEvents\"},\"toolbar\":{\"id\":\"649216bc-23b8-4a59-8773-aaa4f8337d24\",\"type\":\"Toolbar\"},\"x_range\":{\"id\":\"571b3fc5-df24-426d-922a-1c684733e462\",\"type\":\"DataRange1d\"},\"y_range\":{\"id\":\"2cfe843c-b697-4a19-afe3-1cae5457cf2c\",\"type\":\"DataRange1d\"}},\"id\":\"63d20942-b6ce-40a3-abc7-1757bf2a5c5b\",\"subtype\":\"Figure\",\"type\":\"Plot\"},{\"attributes\":{\"plot\":{\"id\":\"63d20942-b6ce-40a3-abc7-1757bf2a5c5b\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"b6453658-8283-45f3-8575-22e03e546974\",\"type\":\"ResetTool\"},{\"attributes\":{\"data_source\":{\"id\":\"f44f3fb1-aad8-4a8b-9fd1-08060254fa88\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"0895c6ce-21df-475d-be31-70e78e60fc6e\",\"type\":\"Circle\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"26f7b4a9-4d02-49f9-9c2e-01a6517eb6a2\",\"type\":\"Circle\"},\"selection_glyph\":null},\"id\":\"8e86c74e-0585-4e2f-8981-c891aae510be\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"dimension\":1,\"plot\":{\"id\":\"63d20942-b6ce-40a3-abc7-1757bf2a5c5b\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"e09a97b7-1c8d-47c4-920c-c714307404ae\",\"type\":\"BasicTicker\"}},\"id\":\"d48ef412-26b2-4ef5-8f3c-08b1929acdc8\",\"type\":\"Grid\"},{\"attributes\":{\"active_drag\":\"auto\",\"active_scroll\":\"auto\",\"active_tap\":\"auto\",\"tools\":[{\"id\":\"e81505a8-1827-4a7c-b2e0-47866784f414\",\"type\":\"PanTool\"},{\"id\":\"5407fd8f-7142-4bd6-b8c6-cd7a12bd151e\",\"type\":\"WheelZoomTool\"},{\"id\":\"9685a9b2-41b4-4f9e-9759-c62f54de7dfd\",\"type\":\"BoxZoomTool\"},{\"id\":\"84b72ca7-c437-4768-86cc-39902a1d51dc\",\"type\":\"SaveTool\"},{\"id\":\"b6453658-8283-45f3-8575-22e03e546974\",\"type\":\"ResetTool\"},{\"id\":\"c9105d79-583b-4d54-9d97-bebf2ad4d787\",\"type\":\"HelpTool\"}]},\"id\":\"649216bc-23b8-4a59-8773-aaa4f8337d24\",\"type\":\"Toolbar\"},{\"attributes\":{\"plot\":{\"id\":\"63d20942-b6ce-40a3-abc7-1757bf2a5c5b\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"e81505a8-1827-4a7c-b2e0-47866784f414\",\"type\":\"PanTool\"},{\"attributes\":{\"plot\":{\"id\":\"63d20942-b6ce-40a3-abc7-1757bf2a5c5b\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"c9105d79-583b-4d54-9d97-bebf2ad4d787\",\"type\":\"HelpTool\"},{\"attributes\":{\"plot\":null,\"text\":\"\"},\"id\":\"70a5bc36-e276-4a0d-a235-259051e90a3b\",\"type\":\"Title\"},{\"attributes\":{\"plot\":{\"id\":\"63d20942-b6ce-40a3-abc7-1757bf2a5c5b\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"15e81a3e-3de9-4201-9e00-7517eb6d706b\",\"type\":\"BasicTicker\"}},\"id\":\"30e693de-8dab-459b-9305-21861e9900b4\",\"type\":\"Grid\"},{\"attributes\":{\"callback\":null,\"column_names\":[\"x\",\"y\"],\"data\":{\"x\":[0.25,0.75],\"y\":[0,0]}},\"id\":\"f44f3fb1-aad8-4a8b-9fd1-08060254fa88\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"fill_color\":{\"value\":\"blue\"},\"line_color\":{\"value\":\"blue\"},\"size\":{\"units\":\"screen\",\"value\":30},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"6f202410-3d1e-4078-a1b3-d420992842ba\",\"type\":\"Circle\"},{\"attributes\":{},\"id\":\"15e81a3e-3de9-4201-9e00-7517eb6d706b\",\"type\":\"BasicTicker\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.1},\"fill_color\":{\"value\":\"#1f77b4\"},\"line_alpha\":{\"value\":0.1},\"line_color\":{\"value\":\"#1f77b4\"},\"size\":{\"units\":\"screen\",\"value\":30},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"83e7c9d1-8115-4613-8b44-45bc76daa38c\",\"type\":\"Circle\"},{\"attributes\":{\"formatter\":{\"id\":\"8043a580-2e69-450b-acec-4ae4d3b07c88\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"63d20942-b6ce-40a3-abc7-1757bf2a5c5b\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"e09a97b7-1c8d-47c4-920c-c714307404ae\",\"type\":\"BasicTicker\"}},\"id\":\"43562fc3-e016-461f-af60-c8f10ffff161\",\"type\":\"LinearAxis\"},{\"attributes\":{\"plot\":{\"id\":\"63d20942-b6ce-40a3-abc7-1757bf2a5c5b\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"5407fd8f-7142-4bd6-b8c6-cd7a12bd151e\",\"type\":\"WheelZoomTool\"},{\"attributes\":{},\"id\":\"5d33fc11-c547-42b3-aa82-58daf3798445\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"callback\":null},\"id\":\"571b3fc5-df24-426d-922a-1c684733e462\",\"type\":\"DataRange1d\"},{\"attributes\":{\"formatter\":{\"id\":\"5d33fc11-c547-42b3-aa82-58daf3798445\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"63d20942-b6ce-40a3-abc7-1757bf2a5c5b\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"15e81a3e-3de9-4201-9e00-7517eb6d706b\",\"type\":\"BasicTicker\"}},\"id\":\"ea9b479d-4f13-4d02-a108-f9199f66a78b\",\"type\":\"LinearAxis\"},{\"attributes\":{\"data_source\":{\"id\":\"cdabe63c-ea74-407a-a609-df29af336324\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"6f202410-3d1e-4078-a1b3-d420992842ba\",\"type\":\"Circle\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"83e7c9d1-8115-4613-8b44-45bc76daa38c\",\"type\":\"Circle\"},\"selection_glyph\":null},\"id\":\"1451227e-8eae-4267-8b43-c1c9e46a668e\",\"type\":\"GlyphRenderer\"},{\"attributes\":{},\"id\":\"e09a97b7-1c8d-47c4-920c-c714307404ae\",\"type\":\"BasicTicker\"},{\"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\":\"9e7573b9-4d4e-494e-b998-e344554a6e24\",\"type\":\"BoxAnnotation\"}],\"root_ids\":[\"63d20942-b6ce-40a3-abc7-1757bf2a5c5b\"]},\"title\":\"Bokeh Application\",\"version\":\"0.12.5\"}};\n",
       "            var render_items = [{\"docid\":\"3ad54620-58f8-4b7b-89f5-07ed828480a6\",\"elementid\":\"f1f061be-7dd6-4dcf-8626-ac45ba8026ed\",\"modelid\":\"63d20942-b6ce-40a3-abc7-1757bf2a5c5b\"}];\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",
       "      },\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(\"f1f061be-7dd6-4dcf-8626-ac45ba8026ed\")).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": [
    "# リスト7.3.5：alphaによる透過設定\n",
    "p = figure(plot_width=200, plot_height=200)\n",
    "p.circle([0, 0.5, 1], [0, 0, 0], size=30, color=\"blue\")\n",
    "p.circle([0.25, 0.75], [0, 0], size=50, color=\"red\", alpha=0.5)\n",
    "show(p)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "\n",
       "    <div class=\"bk-root\">\n",
       "        <div class=\"bk-plotdiv\" id=\"60b11120-4fc5-4499-8a29-f4ba1736db79\"></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",
       "        var el = document.getElementById(\"60b11120-4fc5-4499-8a29-f4ba1736db79\");\n",
       "        el.textContent = \"BokehJS \" + Bokeh.version + \" 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(\"60b11120-4fc5-4499-8a29-f4ba1736db79\");\n",
       "    if (element == null) {\n",
       "      console.log(\"Bokeh: ERROR: autoload.js configured with elementid '60b11120-4fc5-4499-8a29-f4ba1736db79' 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",
       "        (function() {\n",
       "          var fn = function() {\n",
       "            var docs_json = {\"9348a229-5d24-4d63-a13c-df474f082af5\":{\"roots\":{\"references\":[{\"attributes\":{\"active_drag\":\"auto\",\"active_scroll\":\"auto\",\"active_tap\":\"auto\",\"tools\":[{\"id\":\"65846ac1-9941-4f86-bf74-9274dc33e150\",\"type\":\"PanTool\"},{\"id\":\"ba955fc5-9ace-4872-b4d6-ad7d87c19ef6\",\"type\":\"WheelZoomTool\"},{\"id\":\"2d0bc7b3-568b-488d-a85b-a5c396dd7543\",\"type\":\"BoxZoomTool\"},{\"id\":\"ada4807d-e1e2-4459-b978-13a4785edfc6\",\"type\":\"SaveTool\"},{\"id\":\"4613cf1b-b395-4367-9334-1c5a5edd9e67\",\"type\":\"ResetTool\"},{\"id\":\"aaf286e4-7d40-4335-96bb-660d9719efa3\",\"type\":\"HelpTool\"}]},\"id\":\"940fb38c-a4c7-4b04-8738-bd03087347bb\",\"type\":\"Toolbar\"},{\"attributes\":{\"overlay\":{\"id\":\"09cf25a0-b91a-41a2-80c2-20bc7d055e51\",\"type\":\"BoxAnnotation\"},\"plot\":{\"id\":\"433adc68-b8f5-4a6c-b469-3c3358791e30\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"2d0bc7b3-568b-488d-a85b-a5c396dd7543\",\"type\":\"BoxZoomTool\"},{\"attributes\":{\"plot\":null,\"text\":\"\"},\"id\":\"ccb7fd21-87ad-4ebf-86ab-896fa4eeea52\",\"type\":\"Title\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.1},\"fill_color\":{\"value\":\"#1f77b4\"},\"line_alpha\":{\"value\":0.1},\"line_color\":{\"value\":\"#1f77b4\"},\"line_width\":{\"value\":5},\"size\":{\"units\":\"screen\",\"value\":30},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"78bdeda7-2fc3-401f-870b-61a43c0c2037\",\"type\":\"Circle\"},{\"attributes\":{\"dimension\":1,\"plot\":{\"id\":\"433adc68-b8f5-4a6c-b469-3c3358791e30\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"4ae22306-4a14-429b-aff1-f81ca381f459\",\"type\":\"BasicTicker\"}},\"id\":\"a8a665b4-a057-449e-9bad-a462e2126483\",\"type\":\"Grid\"},{\"attributes\":{\"plot\":{\"id\":\"433adc68-b8f5-4a6c-b469-3c3358791e30\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"5d2a01d0-6151-4457-8e13-de2567a084b5\",\"type\":\"BasicTicker\"}},\"id\":\"bd71c0a8-02cb-4e2d-8dd8-c99dd6d26e90\",\"type\":\"Grid\"},{\"attributes\":{\"formatter\":{\"id\":\"24b489ce-2edf-49a4-82aa-3ea74560e2a4\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"433adc68-b8f5-4a6c-b469-3c3358791e30\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"4ae22306-4a14-429b-aff1-f81ca381f459\",\"type\":\"BasicTicker\"}},\"id\":\"504aa694-b867-4df6-82d8-65324865b2bf\",\"type\":\"LinearAxis\"},{\"attributes\":{\"callback\":null,\"column_names\":[\"x\",\"y\"],\"data\":{\"x\":[0],\"y\":[0]}},\"id\":\"2d931d61-62d5-472f-87ff-b7831d236f98\",\"type\":\"ColumnDataSource\"},{\"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\":\"09cf25a0-b91a-41a2-80c2-20bc7d055e51\",\"type\":\"BoxAnnotation\"},{\"attributes\":{\"below\":[{\"id\":\"d5c9a741-e5e2-4e5f-b29f-9d44a8989d8c\",\"type\":\"LinearAxis\"}],\"left\":[{\"id\":\"504aa694-b867-4df6-82d8-65324865b2bf\",\"type\":\"LinearAxis\"}],\"plot_height\":200,\"plot_width\":200,\"renderers\":[{\"id\":\"d5c9a741-e5e2-4e5f-b29f-9d44a8989d8c\",\"type\":\"LinearAxis\"},{\"id\":\"bd71c0a8-02cb-4e2d-8dd8-c99dd6d26e90\",\"type\":\"Grid\"},{\"id\":\"504aa694-b867-4df6-82d8-65324865b2bf\",\"type\":\"LinearAxis\"},{\"id\":\"a8a665b4-a057-449e-9bad-a462e2126483\",\"type\":\"Grid\"},{\"id\":\"09cf25a0-b91a-41a2-80c2-20bc7d055e51\",\"type\":\"BoxAnnotation\"},{\"id\":\"020cfb46-b6b2-4952-92bd-b909b59147ba\",\"type\":\"GlyphRenderer\"}],\"title\":{\"id\":\"ccb7fd21-87ad-4ebf-86ab-896fa4eeea52\",\"type\":\"Title\"},\"tool_events\":{\"id\":\"8ef0ccf1-cfa5-461a-b48a-0f5a902e7913\",\"type\":\"ToolEvents\"},\"toolbar\":{\"id\":\"940fb38c-a4c7-4b04-8738-bd03087347bb\",\"type\":\"Toolbar\"},\"x_range\":{\"id\":\"1fa772ef-c45a-4f0d-b458-b08681cab3b1\",\"type\":\"DataRange1d\"},\"y_range\":{\"id\":\"ce157fdc-a4ab-4fe5-a364-0d4f47c51e14\",\"type\":\"DataRange1d\"}},\"id\":\"433adc68-b8f5-4a6c-b469-3c3358791e30\",\"subtype\":\"Figure\",\"type\":\"Plot\"},{\"attributes\":{\"plot\":{\"id\":\"433adc68-b8f5-4a6c-b469-3c3358791e30\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"ada4807d-e1e2-4459-b978-13a4785edfc6\",\"type\":\"SaveTool\"},{\"attributes\":{\"formatter\":{\"id\":\"49c8a07c-c49e-43ca-8864-87c73205c3d9\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"433adc68-b8f5-4a6c-b469-3c3358791e30\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"5d2a01d0-6151-4457-8e13-de2567a084b5\",\"type\":\"BasicTicker\"}},\"id\":\"d5c9a741-e5e2-4e5f-b29f-9d44a8989d8c\",\"type\":\"LinearAxis\"},{\"attributes\":{\"plot\":{\"id\":\"433adc68-b8f5-4a6c-b469-3c3358791e30\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"aaf286e4-7d40-4335-96bb-660d9719efa3\",\"type\":\"HelpTool\"},{\"attributes\":{\"data_source\":{\"id\":\"2d931d61-62d5-472f-87ff-b7831d236f98\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"65b0633e-eed1-4396-bb75-95e51d31b75c\",\"type\":\"Circle\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"78bdeda7-2fc3-401f-870b-61a43c0c2037\",\"type\":\"Circle\"},\"selection_glyph\":null},\"id\":\"020cfb46-b6b2-4952-92bd-b909b59147ba\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"plot\":{\"id\":\"433adc68-b8f5-4a6c-b469-3c3358791e30\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"4613cf1b-b395-4367-9334-1c5a5edd9e67\",\"type\":\"ResetTool\"},{\"attributes\":{},\"id\":\"49c8a07c-c49e-43ca-8864-87c73205c3d9\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{},\"id\":\"8ef0ccf1-cfa5-461a-b48a-0f5a902e7913\",\"type\":\"ToolEvents\"},{\"attributes\":{},\"id\":\"24b489ce-2edf-49a4-82aa-3ea74560e2a4\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"callback\":null},\"id\":\"1fa772ef-c45a-4f0d-b458-b08681cab3b1\",\"type\":\"DataRange1d\"},{\"attributes\":{},\"id\":\"5d2a01d0-6151-4457-8e13-de2567a084b5\",\"type\":\"BasicTicker\"},{\"attributes\":{\"plot\":{\"id\":\"433adc68-b8f5-4a6c-b469-3c3358791e30\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"ba955fc5-9ace-4872-b4d6-ad7d87c19ef6\",\"type\":\"WheelZoomTool\"},{\"attributes\":{\"fill_color\":{\"value\":\"red\"},\"line_color\":{\"value\":\"#1f77b4\"},\"line_width\":{\"value\":5},\"size\":{\"units\":\"screen\",\"value\":30},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"65b0633e-eed1-4396-bb75-95e51d31b75c\",\"type\":\"Circle\"},{\"attributes\":{\"plot\":{\"id\":\"433adc68-b8f5-4a6c-b469-3c3358791e30\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"65846ac1-9941-4f86-bf74-9274dc33e150\",\"type\":\"PanTool\"},{\"attributes\":{\"callback\":null},\"id\":\"ce157fdc-a4ab-4fe5-a364-0d4f47c51e14\",\"type\":\"DataRange1d\"},{\"attributes\":{},\"id\":\"4ae22306-4a14-429b-aff1-f81ca381f459\",\"type\":\"BasicTicker\"}],\"root_ids\":[\"433adc68-b8f5-4a6c-b469-3c3358791e30\"]},\"title\":\"Bokeh Application\",\"version\":\"0.12.5\"}};\n",
       "            var render_items = [{\"docid\":\"9348a229-5d24-4d63-a13c-df474f082af5\",\"elementid\":\"60b11120-4fc5-4499-8a29-f4ba1736db79\",\"modelid\":\"433adc68-b8f5-4a6c-b469-3c3358791e30\"}];\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",
       "      },\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(\"60b11120-4fc5-4499-8a29-f4ba1736db79\")).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": [
    "# リスト7.3.6：fill_colorを設定\n",
    "p = figure(plot_width=200, plot_height=200)\n",
    "p.circle([0], [0], size=30, fill_color=\"red\", line_width=5)\n",
    "show(p)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "\n",
       "    <div class=\"bk-root\">\n",
       "        <div class=\"bk-plotdiv\" id=\"d22ded77-9b5a-41ba-af5f-3613ddaef16f\"></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",
       "        var el = document.getElementById(\"d22ded77-9b5a-41ba-af5f-3613ddaef16f\");\n",
       "        el.textContent = \"BokehJS \" + Bokeh.version + \" 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(\"d22ded77-9b5a-41ba-af5f-3613ddaef16f\");\n",
       "    if (element == null) {\n",
       "      console.log(\"Bokeh: ERROR: autoload.js configured with elementid 'd22ded77-9b5a-41ba-af5f-3613ddaef16f' 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",
       "        (function() {\n",
       "          var fn = function() {\n",
       "            var docs_json = {\"e855d281-69a9-4552-9e7e-6b1acd731821\":{\"roots\":{\"references\":[{\"attributes\":{\"plot\":{\"id\":\"76a2728a-d19e-4a7b-b849-5d7d228db7c1\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"4eec3973-8c6d-4da6-8e0c-4c311d3797b1\",\"type\":\"WheelZoomTool\"},{\"attributes\":{\"callback\":null,\"column_names\":[\"x\",\"y\"],\"data\":{\"x\":[0],\"y\":[0]}},\"id\":\"7b9a808b-e43c-4894-a0ed-b45b1fcbb090\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"below\":[{\"id\":\"a1b006e0-5de2-4e9e-a13f-3cd18a630de6\",\"type\":\"LinearAxis\"}],\"left\":[{\"id\":\"a0bc2ee3-a9b2-44a3-90d8-87a7e5d3d135\",\"type\":\"LinearAxis\"}],\"plot_height\":200,\"plot_width\":200,\"renderers\":[{\"id\":\"a1b006e0-5de2-4e9e-a13f-3cd18a630de6\",\"type\":\"LinearAxis\"},{\"id\":\"ec44feae-ad7a-4b09-a0f7-d41cf23a76a7\",\"type\":\"Grid\"},{\"id\":\"a0bc2ee3-a9b2-44a3-90d8-87a7e5d3d135\",\"type\":\"LinearAxis\"},{\"id\":\"84158e5f-e5d2-453b-9c2c-b171766d0c85\",\"type\":\"Grid\"},{\"id\":\"4d005a4a-ba5a-4ff5-b12b-30e6c35ea1a3\",\"type\":\"BoxAnnotation\"},{\"id\":\"48381934-16b3-499f-aea5-8313afded44a\",\"type\":\"GlyphRenderer\"}],\"title\":{\"id\":\"0edb15b8-04c9-4800-a5af-eb8022911567\",\"type\":\"Title\"},\"tool_events\":{\"id\":\"c7e4d058-bc57-4fb1-88bd-a5e5115a47b8\",\"type\":\"ToolEvents\"},\"toolbar\":{\"id\":\"3b60309d-8a62-4c5d-a443-4570e73f82f7\",\"type\":\"Toolbar\"},\"x_range\":{\"id\":\"c1ddc6d8-8415-4e1a-bf23-e11d16046d13\",\"type\":\"DataRange1d\"},\"y_range\":{\"id\":\"4fca589c-0619-4bc0-9bc7-3e5aba6f0018\",\"type\":\"DataRange1d\"}},\"id\":\"76a2728a-d19e-4a7b-b849-5d7d228db7c1\",\"subtype\":\"Figure\",\"type\":\"Plot\"},{\"attributes\":{\"plot\":null,\"text\":\"\"},\"id\":\"0edb15b8-04c9-4800-a5af-eb8022911567\",\"type\":\"Title\"},{\"attributes\":{\"overlay\":{\"id\":\"4d005a4a-ba5a-4ff5-b12b-30e6c35ea1a3\",\"type\":\"BoxAnnotation\"},\"plot\":{\"id\":\"76a2728a-d19e-4a7b-b849-5d7d228db7c1\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"8fc4cee5-ac82-4f95-b8a0-c63333f64bd2\",\"type\":\"BoxZoomTool\"},{\"attributes\":{\"callback\":null},\"id\":\"4fca589c-0619-4bc0-9bc7-3e5aba6f0018\",\"type\":\"DataRange1d\"},{\"attributes\":{\"plot\":{\"id\":\"76a2728a-d19e-4a7b-b849-5d7d228db7c1\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"6284da3e-26b6-4efb-b3af-b5b4e7cfdd4d\",\"type\":\"SaveTool\"},{\"attributes\":{\"dimension\":1,\"plot\":{\"id\":\"76a2728a-d19e-4a7b-b849-5d7d228db7c1\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"0055cba9-20c5-417e-a3d8-63a3bff576e7\",\"type\":\"BasicTicker\"}},\"id\":\"84158e5f-e5d2-453b-9c2c-b171766d0c85\",\"type\":\"Grid\"},{\"attributes\":{\"plot\":{\"id\":\"76a2728a-d19e-4a7b-b849-5d7d228db7c1\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"8f03ea78-746f-45f6-8cc0-b25d049d80e6\",\"type\":\"ResetTool\"},{\"attributes\":{\"plot\":{\"id\":\"76a2728a-d19e-4a7b-b849-5d7d228db7c1\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"9f9089d7-49c6-4afa-b0d3-e026d25386a6\",\"type\":\"HelpTool\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.1},\"fill_color\":{\"value\":\"#1f77b4\"},\"line_alpha\":{\"value\":0.1},\"line_color\":{\"value\":\"#1f77b4\"},\"line_width\":{\"value\":5},\"size\":{\"units\":\"screen\",\"value\":30},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"08836a23-715a-4413-a8af-001f2978617d\",\"type\":\"Circle\"},{\"attributes\":{\"formatter\":{\"id\":\"c0a5f12b-e8f8-4e43-a598-0d6278e3ef50\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"76a2728a-d19e-4a7b-b849-5d7d228db7c1\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"94a6fcc7-b8a8-491e-bf7c-16534d136be7\",\"type\":\"BasicTicker\"}},\"id\":\"a1b006e0-5de2-4e9e-a13f-3cd18a630de6\",\"type\":\"LinearAxis\"},{\"attributes\":{\"active_drag\":\"auto\",\"active_scroll\":\"auto\",\"active_tap\":\"auto\",\"tools\":[{\"id\":\"950e91c8-6dfc-4855-b4a6-372bb33819b6\",\"type\":\"PanTool\"},{\"id\":\"4eec3973-8c6d-4da6-8e0c-4c311d3797b1\",\"type\":\"WheelZoomTool\"},{\"id\":\"8fc4cee5-ac82-4f95-b8a0-c63333f64bd2\",\"type\":\"BoxZoomTool\"},{\"id\":\"6284da3e-26b6-4efb-b3af-b5b4e7cfdd4d\",\"type\":\"SaveTool\"},{\"id\":\"8f03ea78-746f-45f6-8cc0-b25d049d80e6\",\"type\":\"ResetTool\"},{\"id\":\"9f9089d7-49c6-4afa-b0d3-e026d25386a6\",\"type\":\"HelpTool\"}]},\"id\":\"3b60309d-8a62-4c5d-a443-4570e73f82f7\",\"type\":\"Toolbar\"},{\"attributes\":{},\"id\":\"c0a5f12b-e8f8-4e43-a598-0d6278e3ef50\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"formatter\":{\"id\":\"97f5296e-5750-4ce8-8520-d406b59ed25e\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"76a2728a-d19e-4a7b-b849-5d7d228db7c1\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"0055cba9-20c5-417e-a3d8-63a3bff576e7\",\"type\":\"BasicTicker\"}},\"id\":\"a0bc2ee3-a9b2-44a3-90d8-87a7e5d3d135\",\"type\":\"LinearAxis\"},{\"attributes\":{\"callback\":null},\"id\":\"c1ddc6d8-8415-4e1a-bf23-e11d16046d13\",\"type\":\"DataRange1d\"},{\"attributes\":{},\"id\":\"94a6fcc7-b8a8-491e-bf7c-16534d136be7\",\"type\":\"BasicTicker\"},{\"attributes\":{\"data_source\":{\"id\":\"7b9a808b-e43c-4894-a0ed-b45b1fcbb090\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"a1b4ae78-f8a4-4bfd-b02e-cf68cc1fa319\",\"type\":\"Circle\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"08836a23-715a-4413-a8af-001f2978617d\",\"type\":\"Circle\"},\"selection_glyph\":null},\"id\":\"48381934-16b3-499f-aea5-8313afded44a\",\"type\":\"GlyphRenderer\"},{\"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\":\"4d005a4a-ba5a-4ff5-b12b-30e6c35ea1a3\",\"type\":\"BoxAnnotation\"},{\"attributes\":{\"plot\":{\"id\":\"76a2728a-d19e-4a7b-b849-5d7d228db7c1\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"94a6fcc7-b8a8-491e-bf7c-16534d136be7\",\"type\":\"BasicTicker\"}},\"id\":\"ec44feae-ad7a-4b09-a0f7-d41cf23a76a7\",\"type\":\"Grid\"},{\"attributes\":{},\"id\":\"0055cba9-20c5-417e-a3d8-63a3bff576e7\",\"type\":\"BasicTicker\"},{\"attributes\":{},\"id\":\"97f5296e-5750-4ce8-8520-d406b59ed25e\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"plot\":{\"id\":\"76a2728a-d19e-4a7b-b849-5d7d228db7c1\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"950e91c8-6dfc-4855-b4a6-372bb33819b6\",\"type\":\"PanTool\"},{\"attributes\":{},\"id\":\"c7e4d058-bc57-4fb1-88bd-a5e5115a47b8\",\"type\":\"ToolEvents\"},{\"attributes\":{\"fill_color\":{\"value\":\"red\"},\"line_width\":{\"value\":5},\"size\":{\"units\":\"screen\",\"value\":30},\"x\":{\"field\":\"x\"},\"y\":{\"field\":\"y\"}},\"id\":\"a1b4ae78-f8a4-4bfd-b02e-cf68cc1fa319\",\"type\":\"Circle\"}],\"root_ids\":[\"76a2728a-d19e-4a7b-b849-5d7d228db7c1\"]},\"title\":\"Bokeh Application\",\"version\":\"0.12.5\"}};\n",
       "            var render_items = [{\"docid\":\"e855d281-69a9-4552-9e7e-6b1acd731821\",\"elementid\":\"d22ded77-9b5a-41ba-af5f-3613ddaef16f\",\"modelid\":\"76a2728a-d19e-4a7b-b849-5d7d228db7c1\"}];\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",
       "      },\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(\"d22ded77-9b5a-41ba-af5f-3613ddaef16f\")).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": [
    "# リスト7.3.7：line_colorを設定\n",
    "p = figure(plot_width=200, plot_height=200)\n",
    "p.circle([0], [0], size=30, fill_color=\"red\", line_color=\"black\", line_width=5)\n",
    "show(p)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "['#08519c', '#3182bd', '#6baed6', '#9ecae1', '#c6dbef', '#eff3ff']"
      ]
     },
     "execution_count": 8,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# リスト7.3.8：Blues6を指定してインポート\n",
    "from bokeh.palettes import Blues6\n",
    "\n",
    "Blues6"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/plain": [
       "{3: ['#3182bd', '#9ecae1', '#deebf7'],\n",
       " 4: ['#2171b5', '#6baed6', '#bdd7e7', '#eff3ff'],\n",
       " 5: ['#08519c', '#3182bd', '#6baed6', '#bdd7e7', '#eff3ff'],\n",
       " 6: ['#08519c', '#3182bd', '#6baed6', '#9ecae1', '#c6dbef', '#eff3ff'],\n",
       " 7: ['#084594',\n",
       "  '#2171b5',\n",
       "  '#4292c6',\n",
       "  '#6baed6',\n",
       "  '#9ecae1',\n",
       "  '#c6dbef',\n",
       "  '#eff3ff'],\n",
       " 8: ['#084594',\n",
       "  '#2171b5',\n",
       "  '#4292c6',\n",
       "  '#6baed6',\n",
       "  '#9ecae1',\n",
       "  '#c6dbef',\n",
       "  '#deebf7',\n",
       "  '#f7fbff'],\n",
       " 9: ['#08306b',\n",
       "  '#08519c',\n",
       "  '#2171b5',\n",
       "  '#4292c6',\n",
       "  '#6baed6',\n",
       "  '#9ecae1',\n",
       "  '#c6dbef',\n",
       "  '#deebf7',\n",
       "  '#f7fbff']}"
      ]
     },
     "execution_count": 9,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# リスト7.3.10：Bluesを指定してインポート\n",
    "from bokeh.palettes import Blues\n",
    "\n",
    "Blues"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "\n",
       "\n",
       "    <div class=\"bk-root\">\n",
       "        <div class=\"bk-plotdiv\" id=\"8bafa609-6691-4d3a-8a4b-9dc3726c4b4e\"></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",
       "        var el = document.getElementById(\"8bafa609-6691-4d3a-8a4b-9dc3726c4b4e\");\n",
       "        el.textContent = \"BokehJS \" + Bokeh.version + \" 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(\"8bafa609-6691-4d3a-8a4b-9dc3726c4b4e\");\n",
       "    if (element == null) {\n",
       "      console.log(\"Bokeh: ERROR: autoload.js configured with elementid '8bafa609-6691-4d3a-8a4b-9dc3726c4b4e' 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",
       "        (function() {\n",
       "          var fn = function() {\n",
       "            var docs_json = {\"ddda74a8-63f7-430e-b556-4a116d1dc201\":{\"roots\":{\"references\":[{\"attributes\":{\"text_baseline\":\"middle\",\"text_color\":{\"value\":\"black\"},\"x\":{\"value\":1},\"y\":{\"value\":2}},\"id\":\"d9af6041-cae4-4ae3-bd15-29e4dfe90536\",\"type\":\"Text\"},{\"attributes\":{\"text_alpha\":{\"value\":0.1},\"text_baseline\":\"middle\",\"text_color\":{\"value\":\"black\"},\"x\":{\"value\":1},\"y\":{\"value\":2}},\"id\":\"b78375f5-b8bf-4be7-8316-6d4c8ca60a1e\",\"type\":\"Text\"},{\"attributes\":{\"data_source\":{\"id\":\"134667be-a5fa-4d4d-a418-5c5868e67639\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"d9af6041-cae4-4ae3-bd15-29e4dfe90536\",\"type\":\"Text\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"b78375f5-b8bf-4be7-8316-6d4c8ca60a1e\",\"type\":\"Text\"},\"selection_glyph\":null},\"id\":\"3d379506-4124-4d03-a8c7-631d865656e6\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"data_source\":{\"id\":\"3c6538e0-54df-4aa0-bc72-8473bfdea193\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"87d00440-f1a1-4081-b1b0-320a045b9a3d\",\"type\":\"Text\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"32d76fdd-e7e0-4e46-ba5f-fd498b968339\",\"type\":\"Text\"},\"selection_glyph\":null},\"id\":\"d22b9470-1a1e-419d-97c4-b722a8ee14b3\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.1},\"fill_color\":{\"value\":\"#1f77b4\"},\"line_alpha\":{\"value\":0.1},\"line_color\":{\"value\":\"#1f77b4\"},\"size\":{\"units\":\"screen\",\"value\":20},\"x\":{\"value\":0.5},\"y\":{\"value\":3}},\"id\":\"c0a8ed3b-f28c-4a83-8aa3-9cd3dc097727\",\"type\":\"Square\"},{\"attributes\":{\"callback\":null,\"data\":{}},\"id\":\"555d8774-bc14-400c-a967-004f8c95c309\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"fill_color\":{\"value\":\"#9ecae1\"},\"line_color\":{\"value\":\"#9ecae1\"},\"size\":{\"units\":\"screen\",\"value\":20},\"x\":{\"value\":0.5},\"y\":{\"value\":3}},\"id\":\"5cc42292-4073-4da4-8b5a-f33416238d78\",\"type\":\"Square\"},{\"attributes\":{\"data_source\":{\"id\":\"555d8774-bc14-400c-a967-004f8c95c309\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"5cc42292-4073-4da4-8b5a-f33416238d78\",\"type\":\"Square\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"c0a8ed3b-f28c-4a83-8aa3-9cd3dc097727\",\"type\":\"Square\"},\"selection_glyph\":null},\"id\":\"06b2fbb6-58b3-486f-9b7a-03c73595f4bc\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"text_alpha\":{\"value\":0.1},\"text_baseline\":\"middle\",\"text_color\":{\"value\":\"black\"},\"x\":{\"value\":1},\"y\":{\"value\":3}},\"id\":\"2dc1f73e-a2c3-4694-8a89-a02e512690bb\",\"type\":\"Text\"},{\"attributes\":{\"callback\":null,\"column_names\":[\"text\"],\"data\":{\"text\":[\"#9ecae1\"]}},\"id\":\"bf47350a-4be2-4250-b192-090d46036a52\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"text_baseline\":\"middle\",\"text_color\":{\"value\":\"black\"},\"x\":{\"value\":1},\"y\":{\"value\":3}},\"id\":\"6c77d1ee-f3a5-4d58-bebc-dc0e337198ad\",\"type\":\"Text\"},{\"attributes\":{\"data_source\":{\"id\":\"bf47350a-4be2-4250-b192-090d46036a52\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"6c77d1ee-f3a5-4d58-bebc-dc0e337198ad\",\"type\":\"Text\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"2dc1f73e-a2c3-4694-8a89-a02e512690bb\",\"type\":\"Text\"},\"selection_glyph\":null},\"id\":\"3ddb9944-84be-479b-b701-442701887851\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"callback\":null,\"data\":{}},\"id\":\"0d2ca24d-b635-46a9-98fb-626b4b3cc528\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"text_alpha\":{\"value\":0.1},\"text_baseline\":\"middle\",\"text_color\":{\"value\":\"black\"},\"x\":{\"value\":1},\"y\":{\"value\":4}},\"id\":\"32d76fdd-e7e0-4e46-ba5f-fd498b968339\",\"type\":\"Text\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.1},\"fill_color\":{\"value\":\"#1f77b4\"},\"line_alpha\":{\"value\":0.1},\"line_color\":{\"value\":\"#1f77b4\"},\"size\":{\"units\":\"screen\",\"value\":20},\"x\":{\"value\":0.5},\"y\":{\"value\":5}},\"id\":\"cba83d7a-9b5e-4371-8af6-b8870ccd2a4f\",\"type\":\"Square\"},{\"attributes\":{\"fill_color\":{\"value\":\"#eff3ff\"},\"line_color\":{\"value\":\"#eff3ff\"},\"size\":{\"units\":\"screen\",\"value\":20},\"x\":{\"value\":0.5},\"y\":{\"value\":5}},\"id\":\"dc3df47d-2f31-495c-be9b-0f350a393857\",\"type\":\"Square\"},{\"attributes\":{\"data_source\":{\"id\":\"0d2ca24d-b635-46a9-98fb-626b4b3cc528\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"dc3df47d-2f31-495c-be9b-0f350a393857\",\"type\":\"Square\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"cba83d7a-9b5e-4371-8af6-b8870ccd2a4f\",\"type\":\"Square\"},\"selection_glyph\":null},\"id\":\"9399aca2-6028-4d17-b219-5e9d414e575f\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"text_alpha\":{\"value\":0.1},\"text_baseline\":\"middle\",\"text_color\":{\"value\":\"black\"},\"x\":{\"value\":1},\"y\":{\"value\":5}},\"id\":\"0f5ef149-8873-4033-b903-6ffc9eb7235d\",\"type\":\"Text\"},{\"attributes\":{\"callback\":null,\"column_names\":[\"text\"],\"data\":{\"text\":[\"#eff3ff\"]}},\"id\":\"f4ae9339-1e36-4706-a359-41b56f281f9b\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"text_baseline\":\"middle\",\"text_color\":{\"value\":\"black\"},\"x\":{\"value\":1},\"y\":{\"value\":5}},\"id\":\"45c4c050-8aaf-4093-ba13-691b6ad2a155\",\"type\":\"Text\"},{\"attributes\":{\"data_source\":{\"id\":\"f4ae9339-1e36-4706-a359-41b56f281f9b\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"45c4c050-8aaf-4093-ba13-691b6ad2a155\",\"type\":\"Text\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"0f5ef149-8873-4033-b903-6ffc9eb7235d\",\"type\":\"Text\"},\"selection_glyph\":null},\"id\":\"19258003-d1fe-4b17-bcc7-5ff9f8f41b75\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"callback\":null,\"data\":{}},\"id\":\"8bd811b3-0c72-47d5-9911-05b3fb849225\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"formatter\":{\"id\":\"8a4e6587-b52d-4c63-8b47-8f16028f71b9\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"57f33c19-7596-40d1-b00f-c6aa17738d2a\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"ea9e5ee1-016c-4820-8470-773b35d7117e\",\"type\":\"BasicTicker\"}},\"id\":\"8c5e9e27-5719-4da9-bf32-3d6024eb60c1\",\"type\":\"LinearAxis\"},{\"attributes\":{\"callback\":null,\"column_names\":[\"text\"],\"data\":{\"text\":[\"#c6dbef\"]}},\"id\":\"3c6538e0-54df-4aa0-bc72-8473bfdea193\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"below\":[{\"id\":\"8c5e9e27-5719-4da9-bf32-3d6024eb60c1\",\"type\":\"LinearAxis\"}],\"left\":[{\"id\":\"73322fe1-0e28-4df1-86ad-a47943af7c8c\",\"type\":\"LinearAxis\"}],\"plot_height\":200,\"plot_width\":200,\"renderers\":[{\"id\":\"8c5e9e27-5719-4da9-bf32-3d6024eb60c1\",\"type\":\"LinearAxis\"},{\"id\":\"1c327ead-ab13-4038-ab49-591e35878004\",\"type\":\"Grid\"},{\"id\":\"73322fe1-0e28-4df1-86ad-a47943af7c8c\",\"type\":\"LinearAxis\"},{\"id\":\"9f5a961e-4286-413e-a0e7-e64027474a5b\",\"type\":\"Grid\"},{\"id\":\"bbdd74e4-268c-4fe1-94c4-b7a4751e3970\",\"type\":\"BoxAnnotation\"},{\"id\":\"fbb22ad6-26c2-42b8-92a6-d86cbbf80154\",\"type\":\"GlyphRenderer\"},{\"id\":\"6dd0256f-1433-499d-a3af-2b1895546d8b\",\"type\":\"GlyphRenderer\"},{\"id\":\"96a41387-7cea-470d-b48b-0469ae827ae6\",\"type\":\"GlyphRenderer\"},{\"id\":\"69a5184a-bdda-48c6-a9be-51a7cb21518b\",\"type\":\"GlyphRenderer\"},{\"id\":\"bb0df81f-7ae5-4a13-a374-97cd7035a6d9\",\"type\":\"GlyphRenderer\"},{\"id\":\"3d379506-4124-4d03-a8c7-631d865656e6\",\"type\":\"GlyphRenderer\"},{\"id\":\"06b2fbb6-58b3-486f-9b7a-03c73595f4bc\",\"type\":\"GlyphRenderer\"},{\"id\":\"3ddb9944-84be-479b-b701-442701887851\",\"type\":\"GlyphRenderer\"},{\"id\":\"bfea1496-ed31-42d9-ab6d-5f3a24ed6d22\",\"type\":\"GlyphRenderer\"},{\"id\":\"d22b9470-1a1e-419d-97c4-b722a8ee14b3\",\"type\":\"GlyphRenderer\"},{\"id\":\"9399aca2-6028-4d17-b219-5e9d414e575f\",\"type\":\"GlyphRenderer\"},{\"id\":\"19258003-d1fe-4b17-bcc7-5ff9f8f41b75\",\"type\":\"GlyphRenderer\"}],\"title\":{\"id\":\"18c76caa-8ec5-4d36-a46e-6c62e1ff1dab\",\"type\":\"Title\"},\"tool_events\":{\"id\":\"8392034b-0858-4606-9a80-6588cf59953d\",\"type\":\"ToolEvents\"},\"toolbar\":{\"id\":\"3a5166a5-7193-41e5-80d3-e842fb12c925\",\"type\":\"Toolbar\"},\"x_range\":{\"id\":\"d307f389-1570-469a-b942-8934c9346c29\",\"type\":\"Range1d\"},\"y_range\":{\"id\":\"628212d8-2242-43c2-b1e7-2d2f412af04b\",\"type\":\"Range1d\"}},\"id\":\"57f33c19-7596-40d1-b00f-c6aa17738d2a\",\"subtype\":\"Figure\",\"type\":\"Plot\"},{\"attributes\":{},\"id\":\"8392034b-0858-4606-9a80-6588cf59953d\",\"type\":\"ToolEvents\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.1},\"fill_color\":{\"value\":\"#1f77b4\"},\"line_alpha\":{\"value\":0.1},\"line_color\":{\"value\":\"#1f77b4\"},\"size\":{\"units\":\"screen\",\"value\":20},\"x\":{\"value\":0.5},\"y\":{\"value\":4}},\"id\":\"edb6fde9-26ed-48a2-9bf1-d2646fd58e49\",\"type\":\"Square\"},{\"attributes\":{\"callback\":null,\"data\":{}},\"id\":\"4b78335a-3080-409e-be19-ab8146d192c3\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.1},\"fill_color\":{\"value\":\"#1f77b4\"},\"line_alpha\":{\"value\":0.1},\"line_color\":{\"value\":\"#1f77b4\"},\"size\":{\"units\":\"screen\",\"value\":20},\"x\":{\"value\":0.5},\"y\":{\"value\":2}},\"id\":\"a9f2191c-01e1-4c33-8911-f7dda64fcb7d\",\"type\":\"Square\"},{\"attributes\":{\"callback\":null,\"column_names\":[\"text\"],\"data\":{\"text\":[\"#6baed6\"]}},\"id\":\"134667be-a5fa-4d4d-a418-5c5868e67639\",\"type\":\"ColumnDataSource\"},{\"attributes\":{},\"id\":\"357b181f-eb4e-41c7-abc3-b9c62f310db1\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"fill_color\":{\"value\":\"#6baed6\"},\"line_color\":{\"value\":\"#6baed6\"},\"size\":{\"units\":\"screen\",\"value\":20},\"x\":{\"value\":0.5},\"y\":{\"value\":2}},\"id\":\"b3c3084f-4290-4734-b217-73ba7ef319c8\",\"type\":\"Square\"},{\"attributes\":{},\"id\":\"ea9e5ee1-016c-4820-8470-773b35d7117e\",\"type\":\"BasicTicker\"},{\"attributes\":{\"callback\":null,\"end\":5.5,\"start\":-0.5},\"id\":\"628212d8-2242-43c2-b1e7-2d2f412af04b\",\"type\":\"Range1d\"},{\"attributes\":{\"data_source\":{\"id\":\"4b78335a-3080-409e-be19-ab8146d192c3\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"b3c3084f-4290-4734-b217-73ba7ef319c8\",\"type\":\"Square\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"a9f2191c-01e1-4c33-8911-f7dda64fcb7d\",\"type\":\"Square\"},\"selection_glyph\":null},\"id\":\"bb0df81f-7ae5-4a13-a374-97cd7035a6d9\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.1},\"fill_color\":{\"value\":\"#1f77b4\"},\"line_alpha\":{\"value\":0.1},\"line_color\":{\"value\":\"#1f77b4\"},\"size\":{\"units\":\"screen\",\"value\":20},\"x\":{\"value\":0.5},\"y\":{\"value\":1}},\"id\":\"4968fbe1-ecfe-4ed9-9ea7-51c9943c9efc\",\"type\":\"Square\"},{\"attributes\":{\"plot\":{\"id\":\"57f33c19-7596-40d1-b00f-c6aa17738d2a\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"ea9e5ee1-016c-4820-8470-773b35d7117e\",\"type\":\"BasicTicker\"}},\"id\":\"1c327ead-ab13-4038-ab49-591e35878004\",\"type\":\"Grid\"},{\"attributes\":{\"callback\":null,\"end\":2},\"id\":\"d307f389-1570-469a-b942-8934c9346c29\",\"type\":\"Range1d\"},{\"attributes\":{\"formatter\":{\"id\":\"357b181f-eb4e-41c7-abc3-b9c62f310db1\",\"type\":\"BasicTickFormatter\"},\"plot\":{\"id\":\"57f33c19-7596-40d1-b00f-c6aa17738d2a\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"524490e3-1ba0-4657-96c4-2f0192727160\",\"type\":\"BasicTicker\"}},\"id\":\"73322fe1-0e28-4df1-86ad-a47943af7c8c\",\"type\":\"LinearAxis\"},{\"attributes\":{\"active_drag\":\"auto\",\"active_scroll\":\"auto\",\"active_tap\":\"auto\",\"tools\":[{\"id\":\"5744c266-a0ee-4a86-a661-814d5a335158\",\"type\":\"PanTool\"},{\"id\":\"835820c3-503d-4bd6-8556-e085020212e8\",\"type\":\"WheelZoomTool\"},{\"id\":\"80a9aeee-1ba0-4dbb-9223-c8c5177a2b79\",\"type\":\"BoxZoomTool\"},{\"id\":\"b21eee1a-5371-4fb1-a360-b748ba069fef\",\"type\":\"SaveTool\"},{\"id\":\"5de6cf4c-b726-43ca-9472-c14f96aa3f53\",\"type\":\"ResetTool\"},{\"id\":\"46d6dc1d-7d66-4bac-a8b4-a6ce7605fb54\",\"type\":\"HelpTool\"}]},\"id\":\"3a5166a5-7193-41e5-80d3-e842fb12c925\",\"type\":\"Toolbar\"},{\"attributes\":{\"text_baseline\":\"middle\",\"text_color\":{\"value\":\"black\"},\"x\":{\"value\":1},\"y\":{\"value\":0}},\"id\":\"53093640-8987-4791-a27b-95e161994f1a\",\"type\":\"Text\"},{\"attributes\":{},\"id\":\"524490e3-1ba0-4657-96c4-2f0192727160\",\"type\":\"BasicTicker\"},{\"attributes\":{\"dimension\":1,\"plot\":{\"id\":\"57f33c19-7596-40d1-b00f-c6aa17738d2a\",\"subtype\":\"Figure\",\"type\":\"Plot\"},\"ticker\":{\"id\":\"524490e3-1ba0-4657-96c4-2f0192727160\",\"type\":\"BasicTicker\"}},\"id\":\"9f5a961e-4286-413e-a0e7-e64027474a5b\",\"type\":\"Grid\"},{\"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\":\"bbdd74e4-268c-4fe1-94c4-b7a4751e3970\",\"type\":\"BoxAnnotation\"},{\"attributes\":{\"data_source\":{\"id\":\"7b36b893-7f18-473e-813e-6dfe84c9026f\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"53093640-8987-4791-a27b-95e161994f1a\",\"type\":\"Text\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"023face5-dec5-4d86-b545-a14595a9191c\",\"type\":\"Text\"},\"selection_glyph\":null},\"id\":\"6dd0256f-1433-499d-a3af-2b1895546d8b\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"plot\":{\"id\":\"57f33c19-7596-40d1-b00f-c6aa17738d2a\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"835820c3-503d-4bd6-8556-e085020212e8\",\"type\":\"WheelZoomTool\"},{\"attributes\":{\"data_source\":{\"id\":\"e2fe2075-d412-4b4d-a27f-567dcaaf3cfe\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"431cf010-b2c7-49d6-ba7e-d98f21393aac\",\"type\":\"Square\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"edb6fde9-26ed-48a2-9bf1-d2646fd58e49\",\"type\":\"Square\"},\"selection_glyph\":null},\"id\":\"bfea1496-ed31-42d9-ab6d-5f3a24ed6d22\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"text_alpha\":{\"value\":0.1},\"text_baseline\":\"middle\",\"text_color\":{\"value\":\"black\"},\"x\":{\"value\":1},\"y\":{\"value\":0}},\"id\":\"023face5-dec5-4d86-b545-a14595a9191c\",\"type\":\"Text\"},{\"attributes\":{\"plot\":{\"id\":\"57f33c19-7596-40d1-b00f-c6aa17738d2a\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"b21eee1a-5371-4fb1-a360-b748ba069fef\",\"type\":\"SaveTool\"},{\"attributes\":{\"plot\":{\"id\":\"57f33c19-7596-40d1-b00f-c6aa17738d2a\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"5744c266-a0ee-4a86-a661-814d5a335158\",\"type\":\"PanTool\"},{\"attributes\":{\"data_source\":{\"id\":\"8bd811b3-0c72-47d5-9911-05b3fb849225\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"7a5c1061-276d-48cb-8e2d-cf577ab33246\",\"type\":\"Square\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"3a8054ce-4616-4c92-8eec-5f5190c36ddc\",\"type\":\"Square\"},\"selection_glyph\":null},\"id\":\"fbb22ad6-26c2-42b8-92a6-d86cbbf80154\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"plot\":{\"id\":\"57f33c19-7596-40d1-b00f-c6aa17738d2a\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"5de6cf4c-b726-43ca-9472-c14f96aa3f53\",\"type\":\"ResetTool\"},{\"attributes\":{\"plot\":null,\"text\":\"\"},\"id\":\"18c76caa-8ec5-4d36-a46e-6c62e1ff1dab\",\"type\":\"Title\"},{\"attributes\":{\"overlay\":{\"id\":\"bbdd74e4-268c-4fe1-94c4-b7a4751e3970\",\"type\":\"BoxAnnotation\"},\"plot\":{\"id\":\"57f33c19-7596-40d1-b00f-c6aa17738d2a\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"80a9aeee-1ba0-4dbb-9223-c8c5177a2b79\",\"type\":\"BoxZoomTool\"},{\"attributes\":{\"plot\":{\"id\":\"57f33c19-7596-40d1-b00f-c6aa17738d2a\",\"subtype\":\"Figure\",\"type\":\"Plot\"}},\"id\":\"46d6dc1d-7d66-4bac-a8b4-a6ce7605fb54\",\"type\":\"HelpTool\"},{\"attributes\":{\"text_baseline\":\"middle\",\"text_color\":{\"value\":\"black\"},\"x\":{\"value\":1},\"y\":{\"value\":1}},\"id\":\"ad6184a1-d868-4ccd-a4f6-8665f998937a\",\"type\":\"Text\"},{\"attributes\":{\"callback\":null,\"column_names\":[\"text\"],\"data\":{\"text\":[\"#3182bd\"]}},\"id\":\"4349ecd4-7756-4876-ada7-d8793a27c403\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"text_baseline\":\"middle\",\"text_color\":{\"value\":\"black\"},\"x\":{\"value\":1},\"y\":{\"value\":4}},\"id\":\"87d00440-f1a1-4081-b1b0-320a045b9a3d\",\"type\":\"Text\"},{\"attributes\":{},\"id\":\"8a4e6587-b52d-4c63-8b47-8f16028f71b9\",\"type\":\"BasicTickFormatter\"},{\"attributes\":{\"callback\":null,\"column_names\":[\"text\"],\"data\":{\"text\":[\"#08519c\"]}},\"id\":\"7b36b893-7f18-473e-813e-6dfe84c9026f\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"fill_color\":{\"value\":\"#08519c\"},\"line_color\":{\"value\":\"#08519c\"},\"size\":{\"units\":\"screen\",\"value\":20},\"x\":{\"value\":0.5},\"y\":{\"value\":0}},\"id\":\"7a5c1061-276d-48cb-8e2d-cf577ab33246\",\"type\":\"Square\"},{\"attributes\":{\"fill_color\":{\"value\":\"#3182bd\"},\"line_color\":{\"value\":\"#3182bd\"},\"size\":{\"units\":\"screen\",\"value\":20},\"x\":{\"value\":0.5},\"y\":{\"value\":1}},\"id\":\"19dbb759-a9dc-431e-b907-d8ca7e10a3a3\",\"type\":\"Square\"},{\"attributes\":{\"callback\":null,\"data\":{}},\"id\":\"e2fe2075-d412-4b4d-a27f-567dcaaf3cfe\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"callback\":null,\"data\":{}},\"id\":\"6a1a2652-2ccd-47df-948e-1353440050d8\",\"type\":\"ColumnDataSource\"},{\"attributes\":{\"data_source\":{\"id\":\"4349ecd4-7756-4876-ada7-d8793a27c403\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"ad6184a1-d868-4ccd-a4f6-8665f998937a\",\"type\":\"Text\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"94183567-2ad3-43ee-86b5-18d92a927392\",\"type\":\"Text\"},\"selection_glyph\":null},\"id\":\"69a5184a-bdda-48c6-a9be-51a7cb21518b\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"fill_alpha\":{\"value\":0.1},\"fill_color\":{\"value\":\"#1f77b4\"},\"line_alpha\":{\"value\":0.1},\"line_color\":{\"value\":\"#1f77b4\"},\"size\":{\"units\":\"screen\",\"value\":20},\"x\":{\"value\":0.5},\"y\":{\"value\":0}},\"id\":\"3a8054ce-4616-4c92-8eec-5f5190c36ddc\",\"type\":\"Square\"},{\"attributes\":{\"data_source\":{\"id\":\"6a1a2652-2ccd-47df-948e-1353440050d8\",\"type\":\"ColumnDataSource\"},\"glyph\":{\"id\":\"19dbb759-a9dc-431e-b907-d8ca7e10a3a3\",\"type\":\"Square\"},\"hover_glyph\":null,\"muted_glyph\":null,\"nonselection_glyph\":{\"id\":\"4968fbe1-ecfe-4ed9-9ea7-51c9943c9efc\",\"type\":\"Square\"},\"selection_glyph\":null},\"id\":\"96a41387-7cea-470d-b48b-0469ae827ae6\",\"type\":\"GlyphRenderer\"},{\"attributes\":{\"fill_color\":{\"value\":\"#c6dbef\"},\"line_color\":{\"value\":\"#c6dbef\"},\"size\":{\"units\":\"screen\",\"value\":20},\"x\":{\"value\":0.5},\"y\":{\"value\":4}},\"id\":\"431cf010-b2c7-49d6-ba7e-d98f21393aac\",\"type\":\"Square\"},{\"attributes\":{\"text_alpha\":{\"value\":0.1},\"text_baseline\":\"middle\",\"text_color\":{\"value\":\"black\"},\"x\":{\"value\":1},\"y\":{\"value\":1}},\"id\":\"94183567-2ad3-43ee-86b5-18d92a927392\",\"type\":\"Text\"}],\"root_ids\":[\"57f33c19-7596-40d1-b00f-c6aa17738d2a\"]},\"title\":\"Bokeh Application\",\"version\":\"0.12.5\"}};\n",
       "            var render_items = [{\"docid\":\"ddda74a8-63f7-430e-b556-4a116d1dc201\",\"elementid\":\"8bafa609-6691-4d3a-8a4b-9dc3726c4b4e\",\"modelid\":\"57f33c19-7596-40d1-b00f-c6aa17738d2a\"}];\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",
       "      },\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(\"8bafa609-6691-4d3a-8a4b-9dc3726c4b4e\")).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": [
    "# リスト7.3.12：Blues6による着色\n",
    "p = figure(plot_width=200, plot_height=200, x_range=(0, 2), y_range=(-0.5, 5.5))\n",
    "for i, color in enumerate(Blues6):\n",
    "    p.square(0.5, i, color=color, size=20)\n",
    "    p.text(1, i, text=[color], text_baseline=\"middle\")\n",
    "show(p)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.6.2"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}