ipywidgets

I am trying to show the execution of a Python program in Jupyter, step by step. For example, I can visualize the value of a variable in a program as in the following toy program: from IPython.display import display, clear_output from time import sleep def sum_first_integers(n): res = 0 for i in range(n+1): res += i clear_output(wait=True) display(res) sleep(.5) return res This shows the value of res at each step of the algorithm, and I added a sleep(.5) to be able to actually view the execution of the algorithm. My question is whether there exists a better way of performing this visualization:

I am having trouble displaying plots inside of Jupyter tab widgets. Consider the following snippet: import matplotlib.pyplot as plt import pandas as pd import ipywidgets as widgets import numpy as np out1 = widgets.Output() out2 = widgets.Output() data1 = pd.DataFrame(np.random.normal(size = 50)) data2 = pd.DataFrame(np.random.normal(size = 100)) with out1: fig1, axes1 = plt.subplots() data1.hist(ax = axes1) display(fig1) with out2: fig2, axes2 = plt.subplots() data2.hist(ax = axes2) display(fig2) tab = widgets.Tab(children = [out1, out2]) tab.set_title(0, 'First') tab.set_title(1, 'Second')

I have a function which records data and takes a while to complete. While the data is being recorded, I would like to have a button which, upon being pressed, displays how much time has elapsed since the data acquisition has started. Is this possible to do in Jupyter? I'm having issues as the data acquisition blocks the widget from activating, and if I try and run the widget in the background, it doesn't receive the on_click event until the data acquisition has finished. On the other hand, if I send the data acquisition to the background, then data is lost once the background job finishes.

Is there a way to control the placement and alignment of ipywidgets (inside jupyter notebook)? from ipywidgets import widgets from IPython.display import Javascript, display event_type_ui = widgets.Text(value='open', description='Test Event') platform_ui = widgets.Text(value='Android', description='Control Event') display(event_type_ui) display(platform_ui) I would like to specify an offset (in pixels?) to allow the label to fit and to have two controls aligned vertically. After some fiddling, I was able to get this: Before: After: Here is a copy-paste snippet, if interested: from ipywidgets

I want to create an interactive JupyterLab Notebook application, and I need to create a series of custom Widgets. So I started looking into this matter, and the more I look the more confused I become. To make things simple I will ask a bunch of simple questions: One of the most common ways to use widgets on Jupyter Notebooks is to use the ipywidgets library. Right? Unlike the classic Notebook, the Notebook of JupyterLab cannot render JavaScript directly. As a result, the tutorials about custom widget creation in the ipywidgets docs are impossible to run on JupyterLab. Right? If one wants to

This seems really simple but I have not been able to find a single example or to solve this myself. How do I use an ipywidget widget to create or return a python variable/object, such as a list or string, that can be used in a following cell? harringr There is a good introduction to ipywidgets at http://blog.dominodatalab.com/interactive-dashboards-in-jupyter/ which answers this question. You need two widgets, one for input, and another to bind the value of that input. Here's an example for text input: from ipywidgets import widgets # Create text widget for output output_variable = widgets

According to the Jupyter blog here , it is now possible to embed interactive widgets in a static webpage: Live interactive widgets can now be embedded into static web pages or blogs by inserting an html snippet containing the serialized widget state. This also works with custom widget libraries. See http://jupyter.org/embed-jupyter-widgets.html . When I open the example above, in firefox or chrome, I get the interactive widgets alright! However, if I create a new notebook with the same bit of python code, save the notebook as html, and then copy-paste the embeddable HTML snippet to render the