diff --git a/examples/Interactive Widgets/Custom Widget - Hello World.ipynb b/examples/Interactive Widgets/Custom Widget - Hello World.ipynb index f28119f..80e1dda 100644 --- a/examples/Interactive Widgets/Custom Widget - Hello World.ipynb +++ b/examples/Interactive Widgets/Custom Widget - Hello World.ipynb @@ -2,7 +2,7 @@ "metadata": { "celltoolbar": "Slideshow", "name": "", - "signature": "sha256:a53951979397cd38785846c18854053eaa5093f6f08246dbcce76b7d243e2153" + "signature": "sha256:4fc2f8717ea4752070ed0e10a8997c2a5f45851ba9b20293339335894264021c" }, "nbformat": 3, "nbformat_minor": 0, @@ -45,7 +45,7 @@ "source": [ "The widget framework is built **on top of the Comm framework** (short for communication). The Comm framework is a framework that **allows you send/receive JSON messages** to/from the front-end (as seen below).\n", "\n", - "** Insert framework layer image here. **\n", + "![Widget layer](images/WidgetArch.png)\n", "\n", "To create a custom widget, you need to **define the widget both in the back-end and in the front-end**. " ] diff --git a/examples/Interactive Widgets/Widget Basics.ipynb b/examples/Interactive Widgets/Widget Basics.ipynb index cccec87..b5d5c14 100644 --- a/examples/Interactive Widgets/Widget Basics.ipynb +++ b/examples/Interactive Widgets/Widget Basics.ipynb @@ -2,7 +2,7 @@ "metadata": { "celltoolbar": "Slideshow", "name": "", - "signature": "sha256:b8ade017615ae4e656f0740a85c77764ff451dd651110af0b5dc92fd5cb409ff" + "signature": "sha256:4ca68d6f219809b3b1c4e84665384a4069dbc1c8496fdbdcba1508bbe1266b44" }, "nbformat": 3, "nbformat_minor": 0, @@ -42,7 +42,7 @@ "source": [ "Widgets are elements that exists in both the front-end and the back-end.\n", "\n", - "** Insert Frontend-Backend Picture **" + "![Kernel & front-end diagram](../images/FrontendKernel.png)" ] }, { @@ -205,7 +205,7 @@ "source": [ "Widgets are **represented in the back-end by a single object**. Each time a widget is displayed, **a new representation** of that same object is created in the front-end. These representations are called **views**.\n", "\n", - "** Insert Backend-Frontend Views Figure **" + "![Kernel & front-end diagram](images/WidgetModelView.png)" ] }, { @@ -231,6 +231,16 @@ "cell_type": "code", "collapsed": false, "input": [ + "display(w)" + ], + "language": "python", + "metadata": {}, + "outputs": [] + }, + { + "cell_type": "code", + "collapsed": false, + "input": [ "w.close()" ], "language": "python", diff --git a/examples/Interactive Widgets/Widget Styling.ipynb b/examples/Interactive Widgets/Widget Styling.ipynb index 586c09e..b5a721a 100644 --- a/examples/Interactive Widgets/Widget Styling.ipynb +++ b/examples/Interactive Widgets/Widget Styling.ipynb @@ -8,7 +8,7 @@ ], "celltoolbar": "Slideshow", "name": "", - "signature": "sha256:ea0c2f71869ec3d5fb1b007e1f13023fa5fc580ad7bee737d5cbbce8a1490169" + "signature": "sha256:25ac05059b7d8d60e6ff6a9098db0fb06a6c0b0e67c457b1d362f34d9cecef18" }, "nbformat": 3, "nbformat_minor": 0, @@ -256,7 +256,6 @@ "cell_type": "code", "collapsed": false, "input": [ - "\n", "from IPython.display import display\n", "\n", "float_range = widgets.FloatSliderWidget()\n",