Skip to article frontmatterSkip to article content

Zero-to-Binder

In this chapter, we will create a Binder project from scratch: we will first make a repository on GitHub and then launch it on mybinder.org. Sections where you are expected to complete a task are denoted by three traffic light 🚦 emojis. Some steps give you the option of Python, Julia or R - click on the tab of your preferred language.

Requirements

You will need:

  • Some code and some data. The code should take less than 10 minutes to run, and the data should be less than 10 MB. This might mean that you just pick one script from a bigger project, or bring a subset of your data. Note that it’s really important that the code and data can be made public because we’ll be using the public binder instance.
  • A GitHub account. Please sign up for one if you don’t already have one: https://github.com/join

1. Creating a repo to Binderize

🚦🚦🚦

Python
Julia
R
  1. Create a new repo on GitHub called “my-first-binder”
    • Make sure the repository is public, not private!
    • Don’t forget to initialise the repo with a README!
  2. Create a file called hello.py via the web interface with print("Hello from Binder!") on the first line and commit to the main branch

Why does the repo have to be public?

mybinder.org cannot access private repositories as this would require a secret token. The Binder team choose not to take on the responsibility of handling secret tokens as mybinder.org is a public service and proof of technological concept. If accessing private repositories is a feature you/your team need, we advise that you look into building your own BinderHub.

2. Launch your first repo!

🚦🚦🚦

  1. Go to https://mybinder.org
  2. Type the URL of your repo into the “GitHub repo or URL” box. It should look like this:

    https://github.com/YOUR-USERNAME/my-first-binder

  3. As you type, the webpage generates a link in the “Copy the URL below...” box It should look like this:

    https://mybinder.org/v2/gh/YOUR-USERNAME/my-first-binder/HEAD

  4. Copy it, open a new browser tab and visit that URL
    • You will see a “spinner” as Binder launches the repo

If everything ran smoothly, you’ll see a JupyterLab interface.

What’s happening in the background? - Part 1

While you wait, BinderHub (the backend of Binder) is:

  • Fetching your repo from GitHub
  • Analysing the contents
  • Building a Docker image based on your repo
  • Launching that Docker image in the cloud
  • Connecting you to it via your browser

3. Run the script

🚦🚦🚦

Python
Julia
R
  1. From the launch panel, select “Terminal”
  2. In the new terminal window, type python hello.py and press return

Hello from Binder! should be printed to the terminal.

4. Pinning Dependencies

It was easy to get started, but our environment is barebones - let’s add a dependency!

🚦🚦🚦

Python
Julia
R
  1. In your repo, create a file called requirements.txt
  2. Add a line that says: numpy==1.25.0
  3. Check for typos! Then commit to the main branch
  4. Visit https://mybinder.org/v2/gh/YOUR-USERNAME/my-first-binder/HEAD again in a new tab

This time, click on “Build Logs” in the big, horizontal, grey bar. This will let you watch the progress of your build. It’s useful when your build fails or something you think should be installed is missing.

What’s happening in the background? - Part 2

This time, BinderHub will read the configuration file you added and install the specific version of the package you requested.

More on pinning dependencies

Python
Julia
R

In the above example, we used two equals signs (==) to pin the version of numpy. This tells Binder to install that specific version.

Another way to pin a version number is to use the greater than or equal to sign (>=) to allow any version above a particular one to be installed. This is useful when you have a lot of dependencies that may have dependencies on each other and allows Binder to find a configuration of your dependencies that do not conflict with one another whilst avoiding any earlier versions which may break or change your code.

Finally, you could not provide a version number at all (just the name of the library/package) and Binder will install the latest version of that package.

5. Check the Environment

🚦🚦🚦

Python
Julia
R

  1. From the launch panel, select “Python 3” from the Notebook section to open a new notebook

  2. Type the following into a new cell:

    import numpy
print(numpy.__version__)
numpy.random.randn()

  3. Run the cell to see the version number and a random number printed out

    • Press either SHIFT+RETURN or the “Run” button in the Menu bar

6. Sharing your Work

Binder is all about sharing your work easily and there are two ways to do it:

🚦🚦🚦

  1. Add the Markdown snippet from https://mybinder.org to the README.md file in your repo
    • The grey bar displaying a binder badge will unfold to reveal the snippets. Click the clipboard icon next to the box marked with “m” to automatically copy the Markdown snippet.
  2. Click the badge to make sure it works!

7. Accessing data in your Binder

Another kind of dependency for projects is data. There are different ways to make data available in your Binder depending on the size of your data and your preferences for sharing it.

Small public files

The simplest approach for small, public data files is to add them directly into your GitHub repository. They are then directly encapsulated into the environment and versioned along with your code.

This is ideal for files up to 10MB.

Medium public files

To access medium files from a few 10s MB up to a few hundred MB, you can add a file called postBuild to your repo. A postBuild file is a shell script that is executed as part of the image construction and is only executed once when a new image is built, not every time the Binder is launched.

See Binder’s postBuild example for more uses of the postBuild script.

Large public files

It is not practical to place large files in your GitHub repo or include them directly in the image that Binder builds. The best option for large files is to use a library specific to the data format to stream the data as you’re using it or to download it on demand as part of your code.

For security reasons, the outgoing traffic of your Binder is restricted to HTTP/S or GitHub connections only. You will not be able to use FTP sites to fetch data on mybinder.org.

Private files

There is no way to access files which are not public from mybinder.org. You should consider all information in your Binder as public, meaning that:

  • there should be no passwords, tokens, keys and so on in your GitHub repo;
  • you should not type passwords into a Binder running on mybinder.org;
  • you should not upload your private SSH key or API token to a running Binder.

In order to support access to private files, you would need to create a local deployment of BinderHub where you can decide the security trade-offs yourselves.

8. Get data with postBuild

🚦🚦🚦

Python
Julia
R
  1. Go to your GitHub repo and create a file called postBuild
  2. In postBuild, add a single line reading: wget -q -O gapminder.csv http://bit.ly/2uh4s3g
    • wget is a program which retrieves content from web servers. This line extracts the content from the bitly URL and saves it to the filename denoted by the -O flag (capital “O”, not zero), in this case gapminder.csv. The -q flag tells wget to do this quietly, meaning it won’t print anything to the console.
  3. Update your requirements.txt file by adding a new line with pandas on it and another new line with matplotlib on it
    • These packages aren’t necessary to download the data but we will use them to read the CSV file and make a plot
  4. Click the binder badge in your README to launch your Binder

Once the Binder has launched, you should see a new file has appeared that was not part of your repo when you clicked the badge.

Now visualise the data by creating a new notebook (selecting “Python 3” from the Notebook section) and run the following code in a cell.

%matplotlib inline

import pandas

data = pandas.read_csv("gapminder.csv", index_col="country")

years = data.columns.str.strip("gdpPercap_")  # Extract year from last 4 characters of each column name
data.columns = years.astype(int)              # Convert year values to integers, saving results back to dataframe

data.loc["Australia"].plot()

Changing the Interface

Throughout this tutorial, we have been using the JupyterLab interface. This is the default interface for newly created Binder instances. However, this is not the only interface available on mybinder.org, the Classic Notebook view and RStudio are available too. (An R environment needs to be installed for RStudio to be available.)

You can access the different interfaces in different ways. The easiest way is to use the buttons in the JupyterLab Launcher, but you can provide URL parameters to directly open a specific interface (or file!) when the Binder instance launches. We’ll now cover three ways you can manipulate your Binder URL to navigate between interfaces.

from inside a running Binder

Here is the structure of the URL inside a running Binder instance running JupyterLab:

https://.mybinder.org/user/<a composite of your username, your repo name and a hash>/lab

You can change the interface from JupyterLab to either the Classic Notebook or RStudio by changing the /lab part of the URL to:

  • Classic Notebook: /tree
  • RStudio: /rstudio

Here is the launch link you have been using throughout this tutorial:

https://mybinder.org/v2/gh/YOUR-USERNAME/my-first-binder/HEAD

You can access each interface by appending one of the following to the end of you URL:

  • Jupyter Notebook: ?urlpath=tree
  • JupyterLab: ?urlpath=lab
  • RStudio: ?urlpath=rstudio

by using the mybinder.org form

You can also set the interface when constructing your launch link on the mybinder.org website (instead of editing the URL directly) as demonstrated in the below gif.

A gif demonstrating how to change the interface of a Binder on the mybinder.org website

Figure 1:Use the “URL to open” option on the mybinder.org site to select your interface

Now over to you!

Now you’ve binderized (bound?) this demo repo, it’s time to binderize the example script and data you brought along!

Some useful links:

Advanced usage patterns:

The Turing Way
Binder
The Turing Way
Guide for Collaboration