mirror/notebook
2
0
Fork 0
mirror of https://github.com/jupyter/notebook.git synced 2024-12-21 04:10:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

Added images

Browse Source
This commit is contained in:
Jonathan Frederic 2014-07-05 23:37:11 -05:00 committed by Brian E. Granger
parent 829afb4a59
commit aeae4aeffe
3 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
examples/Interactive Widgets/Custom Widget - Hello World.ipynb
View File

@ -2,7 +2,7 @@
"metadata": { "metadata": {
"celltoolbar": "Slideshow", "celltoolbar": "Slideshow",
"name": "", "name": "",
"signature": "sha256:a53951979397cd38785846c18854053eaa5093f6f08246dbcce76b7d243e2153" "signature": "sha256:4fc2f8717ea4752070ed0e10a8997c2a5f45851ba9b20293339335894264021c"
}, },
"nbformat": 3, "nbformat": 3,
"nbformat_minor": 0, "nbformat_minor": 0,
@ -45,7 +45,7 @@
"source": [ "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", "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", "\n",
"** Insert framework layer image here. **\n", "![Widget layer](images/WidgetArch.png)\n",
"\n", "\n",
"To create a custom widget, you need to **define the widget both in the back-end and in the front-end**. " "To create a custom widget, you need to **define the widget both in the back-end and in the front-end**. "
] ]

16
examples/Interactive Widgets/Widget Basics.ipynb
View File

@ -2,7 +2,7 @@
"metadata": { "metadata": {
"celltoolbar": "Slideshow", "celltoolbar": "Slideshow",
"name": "", "name": "",
"signature": "sha256:b8ade017615ae4e656f0740a85c77764ff451dd651110af0b5dc92fd5cb409ff" "signature": "sha256:4ca68d6f219809b3b1c4e84665384a4069dbc1c8496fdbdcba1508bbe1266b44"
}, },
"nbformat": 3, "nbformat": 3,
"nbformat_minor": 0, "nbformat_minor": 0,
@ -42,7 +42,7 @@
"source": [ "source": [
"Widgets are elements that exists in both the front-end and the back-end.\n", "Widgets are elements that exists in both the front-end and the back-end.\n",
"\n", "\n",
"** Insert Frontend-Backend Picture **" "![Kernel & front-end diagram](../images/FrontendKernel.png)"
] ]
}, },
{ {
@ -205,7 +205,7 @@
"source": [ "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", "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", "\n",
"** Insert Backend-Frontend Views Figure **" "![Kernel & front-end diagram](images/WidgetModelView.png)"
] ]
}, },
{ {
@ -227,6 +227,16 @@
"You can close a widget by calling its `close()` method." "You can close a widget by calling its `close()` method."
] ]
}, },
{
"cell_type": "code",
"collapsed": false,
"input": [
"display(w)"
],
"language": "python",
"metadata": {},
"outputs": []
},
{ {
"cell_type": "code", "cell_type": "code",
"collapsed": false, "collapsed": false,

3
examples/Interactive Widgets/Widget Styling.ipynb
View File

@ -8,7 +8,7 @@
], ],
"celltoolbar": "Slideshow", "celltoolbar": "Slideshow",
"name": "", "name": "",
"signature": "sha256:ea0c2f71869ec3d5fb1b007e1f13023fa5fc580ad7bee737d5cbbce8a1490169" "signature": "sha256:25ac05059b7d8d60e6ff6a9098db0fb06a6c0b0e67c457b1d362f34d9cecef18"
}, },
"nbformat": 3, "nbformat": 3,
"nbformat_minor": 0, "nbformat_minor": 0,
@ -256,7 +256,6 @@
"cell_type": "code", "cell_type": "code",
"collapsed": false, "collapsed": false,
"input": [ "input": [
"\n",
"from IPython.display import display\n", "from IPython.display import display\n",
"\n", "\n",
"float_range = widgets.FloatSliderWidget()\n", "float_range = widgets.FloatSliderWidget()\n",