diff --git a/.binder/environment.yml b/.binder/environment.yml
new file mode 100644
index 0000000..34b11e8
--- /dev/null
+++ b/.binder/environment.yml
@@ -0,0 +1,6 @@
+name: cherab-imas-nblink-environment
+channels:
+  - conda-forge
+dependencies:
+  - cherab-imas
+  - ultraplot
diff --git a/.nblink/environment.yml b/.nblink/environment.yml
index bdc61d6..91594b1 100644
--- a/.nblink/environment.yml
+++ b/.nblink/environment.yml
@@ -1,6 +1,6 @@
 name: cherab-imas-nblink-environment
 channels:
-  - emscripten-forge
+  - https://prefix.dev/emscripten-forge-4x
   - conda-forge
 dependencies:
   - xeus-python
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7aa1b44..91f9b44 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Add `UnstructGrid3D` class and integrate it into the mesh loading workflow
 - Add line-of-sight (LOS) handling utilities and related test scripts
+- Add [binder](https://mybinder.org/) badge and configuration for interactive notebook demos
+- Add notebook.link environment configuration for interactive notebook demos for future use in documentation.
 
 ### Changed
 
diff --git a/docs/source/conf.py b/docs/source/conf.py
index a85684f..5710976 100644
--- a/docs/source/conf.py
+++ b/docs/source/conf.py
@@ -12,8 +12,9 @@
 copyright = f"2023-{date.today().year}, {author}"
 version_obj = parse(__version__)
 release = version_obj.public
-repository_url = "https://github.com/cherab/imas"
+gh_user_repo = "cherab/imas"
 repository_main_branch = "master"
+repository_url = f"https://github.com/{gh_user_repo}"
 
 # -- General configuration ---------------------------------------------------
 extensions = [
@@ -197,7 +198,9 @@
     <div class="admonition note">
       This page was generated from
       <a class="reference external" href="__REPOSITORY_URL__/blob/{{ env.config.linkcode_blob|e }}/{{ docname|e }}">{{ docname|e }}</a>.
-      <br />
+      <br>
+      Interactive online version:
+      <span style="white-space: nowrap;"><a href="https://mybinder.org/v2/gh/__GH_USER_REPO__/{{ env.config.release|e }}?filepath={{ docname|e }}"><img alt="Binder badge" src="https://mybinder.org/badge_logo.svg" style="vertical-align:text-bottom"></a>.</span>
       <a href="{{ env.docname.split('/')|last|e + '.ipynb' }}" class="reference download internal" download>Download notebook</a>.
       <script>
         if (document.location.host) {
@@ -223,3 +226,4 @@
     \sphinxcode{\sphinxupquote{\strut {{ docname | escape_latex }}}} \dotfill}}
 """
 nbsphinx_prolog = _nbsphinx_prolog_template.replace("__REPOSITORY_URL__", repository_url)
+nbsphinx_prolog = nbsphinx_prolog.replace("__GH_USER_REPO__", gh_user_repo)