Widgets in the core ipywidgets package¶

The package ipywidgets provides two things:

A communication framework between the front end (your browser) and back end (python or other kernel).
A set of fundamental user interface elements like buttons and checkboxes.

The next couple of cells create a browser of the available elements. To see more detail about any of the elements click on its title. It will be easier to view both the overview and the detail if you have them open in spearate tabs.

In [ ]:

from widget_org import organized_widgets, list_overview_widget

Instructions¶

Open the notebook at the link below and run the first cell in the notebook (the one with import ipywidgets as widgets). After opening the notebook, drag the tab so that this notebook and the one you just opened are visible. The notebook to open is here: Complete list of ipywidgets
Run the cell below. Click on the name of any widget to see a more detailed example of using the widget.
Classic notebook users: Uncomment the line in the cell below. It will ensure usable links are generated for you.

In [ ]:

groups = organized_widgets(organize_by='ui')
help_url_base = ''
# help_url_base='reference_guides/complete-ipywidgets-widget-list.ipynb'
list_overview_widget(groups, columns=2, min_width_single_widget=200, help_url_base=help_url_base)

Exercises¶

We do not anticiapte you will have time to do all of these exercises.

Choose widgets from two different categories, e.g. slider and text, and put them in a box that positions them vertically

In [ ]:

Link the values of the two widgets in the previous exercise so that changing the value of one affects the value of the other.

In [ ]:

Choose two or more widgets and place them in either different tabs or accordions. Set the name of each tab or accordion to something more meaningful than the default names.

In [ ]:

Set which tab or accordion is selected by typing the right code in the cell below.

In [ ]: