This article will explain how to . make Jupiter notebook as a GUI app on the web What is Jupiter notebook is browser-based . Jupiter notebook REPL , you can write and then execute your next line of code while all previous lines are already in the executed state. REPL enables you to program in an interactive environment This trivial feature enables me because for testing the next line of code I do not need to run the whole program again. (REPL is useful only for some types of situations) to cut prototyping development time I know this explanation is useless if you do not know what is a programming language and have no experience with REPL style prototyping, but if you are in this category I do not know how to explain it (probably it is impossible). Point is, it because for testing next line in your code you do not need to run the previous code again and again. makes programming prototyping faster Previously notebook , at that time only was available as programing language. Jupiter was called IPython Notebooks Python Now it is possible to use Jupiter notebook with , altho my experience is only with Python. many programming languages Personally, I use Jupiter notebook for . Loading data to Pandas and then trying to understand data with visualizations (Seaborn, Bokeh). exploratory data analysis Sharing Jupiter notebook with non-technical persons Often I would , to produce slightly different visualizations. run the same code with different parameters If you are familiar with Jupiter notebook environment than you know that this means running the same cell with SHIFT + ENTER, from Cell menu or some other shortcut. This got me thinking if I (somebody who know how to use Word, and Excel without knowledge of how to write formulas ) it would be trivial for that person to use it. wanted to give my notebook to a non-technical person Also, a person could change the code and get the unintended outcome (syntax error or wrong result). Ipywidgets This problem could be solved with . Ipywidgets widgets With Ipywidgets widgets you can , it is perfect when you want for somebody (even you) to expose some functionality of your Jupiter notebook with GUI elements. make GUI inside of Jupiter notebook For having this kind of GUI This is the necessary code: # UI slider = widgets.IntSlider(min=10, max=100, value=10) label = widgets.Label(value=’Select number of games’) button = widgets.Button(description=’Start Simulation’, button_style=’info’, tooltip=’Start Game’) progress = widgets.IntProgress(description=’Progress:’) label2 = widgets.Label() # Interactions button.on_click(start_game) # UI Layout top_box = widgets.HBox([label, slider]) down_box = widgets.HBox([button, progress, label2]) ui = widgets.VBox([top_box, down_box]) display.display(ui) Appmode This was good but still there where 2 problems: the user had to run all cell as the first step user still had access to the code Fortunately, is Jupyter extensions that . Appmode turn notebooks into web applications By default user can still go back in the “code mode”, but it can be easily removed Hosting your Jupiter notebook If you are hosting it inside of your network that you just need to , like for local development, . run notebook server but add some security Github will give you view only of any notebook that is hosted on their server, and there are many more websites with the same functionality. If you want interactive hosting of your Jupiter notebook so that people can execute them, then there is . Binder Currently, it is in beta and your Jupiter notebook needs to be in public Github repository. Conclusion With the right combination of: You can . execute your Jupiter notebook as a web app for free can be used as an . Coin Toss code example of how to host Jupiter notebook as a GUI app on the web Part of the came from Bloomberg project. inspiration bqplot Personally, I have found it useful for . sharing interactive visualizations Originally published at buklijas.info on October 1, 2018.
