adding bandits d3.js work

Author: CamDavidsonPilon

Chapter6_Priorities/Priors.ipynb

@@ -7,6 +7,13 @@
  "worksheets": [
   {
    "cells": [
+    {
+     "cell_type": "markdown",
+     "metadata": {},
+     "source": [
+      "<script src=\"http://d3js.org/d3.v3.min.js\" charset=\"utf-8\"></script>\n"
+     ]
+    },
     {
      "cell_type": "markdown",
      "metadata": {},
@@ -714,6 +721,133 @@
      ],
      "prompt_number": 25
     },
+    {
+     "cell_type": "code",
+     "collapsed": false,
+     "input": [
+      "from IPython.core.display import HTML\n",
+      "\n",
+      "#try executing the below command twice if the first time doesn't work\n",
+      "HTML(filename = \"BanditsD3.html\" )"
+     ],
+     "language": "python",
+     "metadata": {},
+     "outputs": [
+      {
+       "html": [
+        "\n",
+        "    <script src=\"http://d3js.org/d3.v3.min.js\" charset=\"utf-8\"></script>\n",
+        "    <style type=\"text/css\">\n",
+        "\n",
+        "   .bar{\n",
+        "      font: 12px sans-serif;\n",
+        "      text-align: right;\n",
+        "      padding: 3px;\n",
+        "      margin: 1px;\n",
+        "      color: white;\n",
+        "    }\n",
+        "    \n",
+        "    path {\n",
+        "        stroke-width: 3;\n",
+        "        fill: none;\n",
+        "    }\n",
+        "     \n",
+        "    line {\n",
+        "        stroke: black;\n",
+        "    }\n",
+        "     \n",
+        "    text {\n",
+        "        font-family: Computer Modern, Arial;\n",
+        "        font-size: 11pt;\n",
+        "    }\n",
+        "    \n",
+        "    button{\n",
+        "        margin: 6px;\n",
+        "        width:70px;\n",
+        "\n",
+        "        }\n",
+        "    button:hover{\n",
+        "        cursor: pointer;\n",
+        "\n",
+        "        }\n",
+        "\n",
+        "  </style>\n",
+        "\n",
+        "  <div id=\"bb_content\" style=\"width:710px\" >\n",
+        "    <div style=\"margin:20 auto; float: right\">\n",
+        "        <button  \n",
+        "            style=\"width:100px;\"\n",
+        "            onClick = 'bayesian_bandits()' >Run Bayesian Bandits </button>\n",
+        "        <br/>\n",
+        "        <button id=\"buttonReveal\" \n",
+        "            style=\"width:100px;\"\n",
+        "            onClick = 'd3.select(\"#reveal-div\").style(\"display\", \"block\" )' >Reveal probabilities </button>\n",
+        "    </div>\n",
+        "   \n",
+        "    \n",
+        "    <div id = \"paired-bar-chart\"  style=\"width: 400px; margin: 20px\" > </div>\n",
+        "    \n",
+        "\n",
+        "    \n",
+        "    \n",
+        "    <div id=\"scoreboard\" style=\"margin:20px auto; float: right\">\n",
+        "    \n",
+        "        <div style=\"float:left;margin: 20px\"> \n",
+        "            <p style=\"margin: 0px;\"> Rewards </p>\n",
+        "            <p  style=\"font-size:30pt; margin: 0px;\" id=\"rewards\"> 0 </p>\n",
+        "       </div>\n",
+        "\n",
+        "        <div style=\"float:left; margin: 20px\"> \n",
+        "            <p style=\"margin: 0px;\"> Pulls </p>\n",
+        "            <p id=\"pulls\" style=\"margin: 0px;font-size:30pt\"> 0 </p>\n",
+        "        </div>    \n",
+        "        \n",
+        "        <div style=\"margin: 20px\"> \n",
+        "            <p style=\"margin: 0px;\"> Reward/Pull Ratio </p>\n",
+        "            <p id=\"ratio\" style=\"margin: 0px;font-size:30pt\"> 0 </p>\n",
+        "        </div>\n",
+        "        \n",
+        "    \n",
+        "    </div>\n",
+        "    <div id =\"beta-graphs\"  style=\"width: 400px; margin-left:35px;\" > </div>\n",
+        "\n",
+        "    \n",
+        "    <div id=\"buttons\" style=\"margin:20px auto; width: 300px;\">\n",
+        "        <button id=\"button1\" onClick = \"update_arm(0)\"> Arm 1</button>\n",
+        "        <button id=\"button2\" onClick = \"update_arm(1)\"> Arm 2</button>\n",
+        "        <button id=\"button3\" onClick = \"update_arm(2)\"> Arm 3</button>\n",
+        "    </div>  \n",
+        "    \n",
+        "    <div id=\"reveal-div\" style=\"margin:20px auto; width: 300px; display:none\"></div>\n",
+        "    \n",
+        "\n",
+        "\n",
+        "    <p style=\"margin: 20px auto; width:550px\" >\n",
+        "\n",
+        "       Deviations of the observed ratio from the highest probability is a measure of performance. For example, \n",
+        "       in the long run, optimally we can attain the reward/pull ratio of the maximum bandit probability. \n",
+        "       Long-term realized ratios <em>less</em> than the maximum represent inefficiencies. (Realized ratios <em>larger<em> \n",
+        "       than the maximum probability is \n",
+        "       due to randomness, and will eventually fall below). \n",
+        "    </p>\n",
+        "    \n",
+        "  <script type=\"text/javascript\" src=\"https://gist.github.com/CamDavidsonPilon/9a987a5f65f612035554/raw/d43d263491078f8fce4a3ff2381fe81c2625e4a7/d3bandits.js\"></script>\n",
+        "\n",
+        "     \n",
+        "     \n",
+        "  </div>\n",
+        "\n",
+        "\n"
+       ],
+       "output_type": "pyout",
+       "prompt_number": 14,
+       "text": [
+        "<IPython.core.display.HTML at 0x56aa208>"
+       ]
+      }
+     ],
+     "prompt_number": 14
+    },
     {
      "cell_type": "markdown",
      "metadata": {},