Widget - Etch-A-Sketch.ipynb

{
 "metadata": {
  "name": "",
  "signature": "sha256:7e474af098506f9d21a1e75c426f89c99c75460f6c6d98f5d955272fd2c334af"
 },
 "nbformat": 3,
 "nbformat_minor": 0,
 "worksheets": [
  {
   "cells": [
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "from plotly.widgets import GraphWidget\n",
      "\n",
      "from IPython.html import widgets \n",
      "from IPython.display import display, clear_output"
     ],
     "language": "python",
     "metadata": {},
     "outputs": [],
     "prompt_number": 67
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "g = GraphWidget('https://plot.ly/~chris/4103')\n",
      "\n",
      "class xydata:\n",
      "    def __init__(self):\n",
      "        self.x = [0]\n",
      "        self.y = [0]\n",
      "    \n",
      "    def on_x_change(self, name, old_value, new_value):\n",
      "        self.x.append(new_value)\n",
      "        self.y.append(self.y[-1])\n",
      "        self.replot()\n",
      "        \n",
      "    def on_y_change(self, name, old_value, new_value):\n",
      "        self.x.append(self.x[-1])\n",
      "        self.y.append(new_value)\n",
      "        self.replot()\n",
      "        \n",
      "    def replot(self):\n",
      "        g.restyle({\n",
      "            'x': [self.x],\n",
      "            'y': [self.y]\n",
      "        })\n",
      "\n",
      "\n",
      "x_slider = widgets.FloatSliderWidget()\n",
      "x_slider.description = 'X Value'\n",
      "x_slider.value = 0\n",
      "y_slider = widgets.FloatSliderWidget()\n",
      "y_slider.description = 'Y Value'\n",
      "y_slider.value = 0\n",
      "\n",
      "xystate = xydata()\n",
      "x_slider.on_trait_change(xystate.on_x_change, 'value')\n",
      "y_slider.on_trait_change(xystate.on_y_change, 'value')\n",
      "\n",
      "shake = widgets.ButtonWidget()\n",
      "def on_shake(widget):\n",
      "    g.restyle({'x': [[]], 'y': [[]]})\n",
      "    xystate.x = [x_slider.value]\n",
      "    xystate.y = [y_slider.value]\n",
      "\n",
      "shake.on_click(on_shake)\n",
      "shake.description = 'Shake'"
     ],
     "language": "python",
     "metadata": {},
     "outputs": [],
     "prompt_number": 73
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [
      "display(x_slider)\n",
      "display(y_slider)\n",
      "display(shake)\n",
      "display(g)"
     ],
     "language": "python",
     "metadata": {},
     "outputs": [],
     "prompt_number": 74
    },
    {
     "cell_type": "code",
     "collapsed": false,
     "input": [],
     "language": "python",
     "metadata": {},
     "outputs": []
    }
   ],
   "metadata": {}
  }
 ]
}