Update widget exercises

Author: takluyver

exercises/Interactive Widgets/Interact Exercises.ipynb

@@ -9,7 +9,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 1,
+   "execution_count": null,
    "metadata": {
     "collapsed": false
    },
@@ -20,7 +20,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 2,
+   "execution_count": null,
    "metadata": {
     "collapsed": false
    },
@@ -32,7 +32,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 3,
+   "execution_count": null,
    "metadata": {
     "collapsed": false
    },
@@ -60,7 +60,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 4,
+   "execution_count": null,
    "metadata": {
     "collapsed": false
    },
@@ -90,7 +90,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 6,
+   "execution_count": null,
    "metadata": {
     "collapsed": false
    },
@@ -116,7 +116,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 8,
+   "execution_count": null,
    "metadata": {
     "collapsed": false
    },
@@ -143,7 +143,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 10,
+   "execution_count": null,
    "metadata": {
     "collapsed": false
    },
@@ -162,22 +162,11 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 11,
+   "execution_count": null,
    "metadata": {
     "collapsed": false
    },
-   "outputs": [
-    {
-     "data": {
-      "text/plain": [
-       "(150, 4)"
-      ]
-     },
-     "execution_count": 11,
-     "metadata": {},
-     "output_type": "execute_result"
-    }
-   ],
+   "outputs": [],
    "source": [
     "iris_data.data.shape"
    ]
@@ -191,25 +180,11 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 12,
+   "execution_count": null,
    "metadata": {
     "collapsed": false
    },
-   "outputs": [
-    {
-     "data": {
-      "text/plain": [
-       "['sepal length (cm)',\n",
-       " 'sepal width (cm)',\n",
-       " 'petal length (cm)',\n",
-       " 'petal width (cm)']"
-      ]
-     },
-     "execution_count": 12,
-     "metadata": {},
-     "output_type": "execute_result"
-    }
-   ],
+   "outputs": [],
    "source": [
     "iris_data.feature_names"
    ]
@@ -232,26 +207,35 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 13,
+   "execution_count": null,
    "metadata": {
     "collapsed": false
    },
    "outputs": [],
    "source": [
     "%load soln/data_explorer.py"
    ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": null,
-   "metadata": {
-    "collapsed": false
-   },
-   "outputs": [],
-   "source": []
   }
  ],
- "metadata": {},
+ "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.4.3"
+  }
+ },
  "nbformat": 4,
  "nbformat_minor": 0
-}
+}

exercises/Interactive Widgets/Widget Exercises.ipynb

@@ -19,14 +19,15 @@
    "metadata": {},
    "source": [
     "### Displaying a widget\n",
-    "Create and display a `TextWidget`.  Change that widget's `value` and some of it's other properties.  Discover the other properties by querying the `keys` property of the instance.  \n",
+    "\n",
+    "Create and display a `Text` widget.  Change that widget's `value` and some of it's other properties.  Discover the other properties by querying the `keys` property of the instance.  \n",
     "\n",
     "*Hint: You'll need to import from IPython.html.widgets and IPython.display.*"
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 1,
+   "execution_count": null,
    "metadata": {
     "collapsed": false
    },
@@ -58,7 +59,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 3,
+   "execution_count": null,
    "metadata": {
     "collapsed": false
    },
@@ -78,14 +79,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "Use a link to link the values of a `TextareaWidget` and, an `HTMLWidget` or a `LatexWidget`.  Display the widgets and try typing Latex and HTML in the textarea.  \n",
+    "Use a link to link the values of a `Textarea` widget and, an `HTML` or `Latex` widget.  Display the widgets and try typing Latex and HTML in the textarea.  \n",
     "\n",
     "*Hint: Look at the Widget Basics notebook for an example of how to use link.*"
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 5,
+   "execution_count": null,
    "metadata": {
     "collapsed": false
    },
@@ -112,14 +113,14 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "Create and display a `TextWidget`.  Use the `on_submit` event to print the value of the textbox just before you clear the textbox.  \n",
+    "Create and display a `Text` widget.  Use the `on_submit` event to print the value of the textbox just before you clear the textbox.  \n",
     "\n",
     "*Hint: The `on_submit` callback must accept one argument, the `sender`.*"
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 9,
+   "execution_count": null,
    "metadata": {
     "collapsed": false
    },
@@ -139,12 +140,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "Create and display a `TextWidget`.  Use the `on_trait_change` method to register a callback that prints the value of the textbox without clearing it.  Observe the difference in behavior to Exercise 1."
+    "Create and display a `Text` widget.  Use the `on_trait_change` method to register a callback that prints the value of the textbox without clearing it.  Observe the difference in behavior to Exercise 1."
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 11,
+   "execution_count": null,
    "metadata": {
     "collapsed": false
    },
@@ -171,12 +172,12 @@
    "cell_type": "markdown",
    "metadata": {},
    "source": [
-    "Create and display an `HTMLWidget` with a value of your choice (i.e. \"Hello World\").  Use `set_css` to change that widget's background color and font color."
+    "Create and display an `HTML` widget with a value of your choice (i.e. \"Hello World\").  Use its attributes to change that widget's background color and font color."
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 13,
+   "execution_count": null,
    "metadata": {
     "collapsed": false
    },
@@ -203,17 +204,35 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 15,
+   "execution_count": null,
    "metadata": {
     "collapsed": false
    },
    "outputs": [],
    "source": [
-    "%loadpy soln/sliders.py"
+    "%load soln/sliders.py"
    ]
   }
  ],
- "metadata": {},
+ "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.4.3"
+  }
+ },
  "nbformat": 4,
  "nbformat_minor": 0
-}
+}

exercises/Interactive Widgets/soln/colored.py

@@ -1,7 +1,5 @@
 from IPython.html.widgets import *
-w = HTMLWidget(value="Hello world!")
-w.set_css({
-    'background': 'red',
-    'color': 'yellow',
-})
-w
+w = HTML(value="Hello world!")
+w.color = 'red'
+w.background_color = 'yellow'
+w

exercises/Interactive Widgets/soln/link.py

@@ -1,7 +1,7 @@
 from IPython.html.widgets import *
 from IPython.display import display
 from IPython.utils.traitlets import link
-code = TextareaWidget(description="Source:", value="Cool math: $\\frac{F}{m}=a$")
-preview = LatexWidget()
+code = Textarea(description="Source:", value="Cool math: $\\frac{F}{m}=a$")
+preview = Latex()
 display(code, preview)
-mylink = link((code, 'value'), (preview, 'value'))
+mylink = link((code, 'value'), (preview, 'value'))

exercises/Interactive Widgets/soln/on_submit.py

@@ -1,5 +1,5 @@
 from IPython.html.widgets import *
-w = TextWidget()
+w = Text()
 def handle_submit(sender):
     print(sender.value)
     sender.value = ''

exercises/Interactive Widgets/soln/on_trait_change.py

@@ -1,6 +1,6 @@
 from IPython.html.widgets import *
-w = TextWidget()
+w = Text()
 def handle_submit(name, new):
     print(new)
 w.on_trait_change(handle_submit, 'value')
-w
+w

exercises/Interactive Widgets/soln/selection.py

@@ -1,6 +1,6 @@
 from IPython.html.widgets import *
 from IPython.display import display
-w = RadioButtonsWidget(values={"Left": 0, "Center": 1, "Right": 2}, description="Alignment:")
+w = RadioButtons(options={"Left": 0, "Center": 1, "Right": 2}, description="Alignment:")
 display(w)
 
 print(w.value)

exercises/Interactive Widgets/soln/sliders.py

@@ -1,7 +1,5 @@
 from IPython.html.widgets import *
 from IPython.display import display
-sliders = [FloatSliderWidget(description=str(i), orientation="vertical", value=50.) for i in range(10)]
-container = ContainerWidget(children=sliders)
+sliders = [FloatSlider(description=str(i), orientation="vertical", value=50.) for i in range(10)]
+container = HBox(children=sliders)
 display(container)
-container.remove_class('vbox')
-container.add_class('hbox')

exercises/Interactive Widgets/soln/string_sorting.py

@@ -1,5 +1,5 @@
 def sort_string(s, reverse=False):
     s = reversed(sorted(s)) if reverse else sorted(s)
-    print ''.join(s)
+    print(''.join(s))
 
 interact(sort_string, s='Hi', reverse=False);