A Gallery of Voilà Examples

Voilà is one of the latest addition to the Jupyter ecosystem and can be used to turn notebooks into standalone applications and dashboards.

Today we are pleased to introduce the Voilà Gallery, a collection of examples built with voilà.

Image may be NSFW.
Clik here to view.

The Voilà Gallery

The Voila Gallery is a collection of live dashboards built with voilà and Jupyter widgets.

The goal of the gallery is to provide inspiration to Jupyter users who want to convert their notebooks into web applications. Most of the examples rely on widget libraries such as ipywidgets, ipyleaflet, ipyvolume, bqplot and ipympl, and showcase how to build complex web applications entirely based on notebooks.

The landing page of the gallery lists all the available examples. Each entry contains two buttons: Launch Example and View Source.

Image may be NSFW.
Clik here to view.

• Launch Example will bring you to the interactive application. Under the hood, a notebook server running voila and a live kernel are started.

Image may be NSFW.
Clik here to view.

• View Source will let you have a look at the source notebook used to create the example. This is useful to learn more about the inner workings of each dashboard.

Adding your own example

The source for the gallery is available on GitHub: https://github.com/voila-gallery/gallery

All the examples shown in the gallery come from the gallery.yaml file, which is automatically rendered on the landing page at voila-gallery.org.

You can contribute a new example to the gallery by following these steps, which consist of adding a new entry to the gallery.yaml file and opening a new pull request. The gallery will pick up the new example shortly after it has been added.

Image may be NSFW.
Clik here to view.

The voila-gallery organization on GitHub already contains a few examples that you can use as a starting point.

Deploying your own gallery

The current gallery is built on top of The Littlest JupyterHub (TLJH), which is a JupyterHub distribution meant to be used on a single server.

The gallery itself is built as a plugin for TLJH and makes use of the JupyterHub REST API to launch the examples.

You can actually deploy your own gallery by following the instructions in the README. Within a few minutes, you will have a voilà gallery running on your own server. You could even run it on a private instance.

What’s next?

We are still iterating on the content of the gallery to add some variety to the types of application that can be created using widgets, Jupyter notebooks and voilà.

If you have authored an interesting dashboard and would like to share it with the rest of the world, feel free to open a pull request to add it to the list of examples!

Acknowledgments

We are very grateful to OVH for hosting the Voilà Gallery on their servers.

Thanks to Yuvi Panda and Pascal Bugnion for initially starting the Voilà Gallery project, and QuantStack for kindly sponsoring the development.

The development of voilà at QuantStack is funded by Bloomberg.

Image may be NSFW.
Clik here to view.

Image may be NSFW.
Clik here to view.

A Gallery of Voilà Examples was originally published in Jupyter Blog on Medium, where people are continuing the conversation by highlighting and responding to this story.