j1-template 2022.3.1 → 2022.4.0

data/lib/starter_web/pages/public/jupyter/docs/nbinteract-doc.adoc

@@ -87,19 +87,9 @@ ifeval::[{binder-badges-enabled} == true]
 image:https://mybinder.org/badge_logo.svg[Binder, link="{binder-app-launch--tree}", {browser-window--new}]
 endif::[]
 
-[NOTE]
-====
-This document is a port for J1 Template of the original document pages
-at link:{url-nbinteract--docs}[nbinteract Docs, {browser-window--new}].
-Some sections are rewritten for the text to improve clarity and simplify the
-language for future translation.
-
-Meanwhile, a lot of changes were done for the services at
-link:{url-binder--home}[Binder, {browser-window--new} ], which causes the
-original pages doesn't work anymore. On clicking the NBI button `Show Widgets`,
-you'll encounter that all interactive pages never change their state and
-get stuck in `Initializing widgets...` for an infinite initializing loop.
-====
+CAUTION: Each interactive element presented on this page uses *time-consuming*
+operations that take a while to finish. The elements are built through a
+backend in the cloud. Please be patient to see the results.
 
 The package *nbinteract* aims to enable authors and educators to create and
 share interactive web pages easily. Interactive explanations of concepts are
@@ -123,10 +113,20 @@ In addition, `nbinteract` provides a Python package. Once imported, the package
 provides helper methods that allow users to create simple interactive
 visualizations with single function calls.
 
-CAUTION: Each interactive element presented on this page uses *time-consuming*
-operations that take a while to finish. The images and the interactive
-elements are built through a backend in the cloud. Please be patient
-to see the results.
+[NOTE]
+====
+This document is a port for J1 Template of the original document pages
+at link:{url-nbinteract--docs}[nbinteract Docs, {browser-window--new}].
+Some sections are rewritten for the text to improve clarity and simplify the
+language for future translation.
+
+Meanwhile, a lot of changes were done for the services at
+link:{url-binder--home}[Binder, {browser-window--new} ], which causes the
+original pages doesn't work anymore. On clicking the NBI button `Show Widgets`,
+you'll encounter that all interactive pages never change their state and
+get stuck in `Initializing widgets...` for an infinite initializing loop.
+====
+
 
 == Getting Started
 

data/lib/starter_web/pages/public/jupyter/examples/j1-circular-times-table.adoc

@@ -81,10 +81,9 @@ image:/assets/images/badges/notebookBinder.png[Binder, link="{binder-app-launch-
 image:https://mybinder.org/badge_logo.svg[Binder, link="{binder-app-launch--tree}", {browser-window--new}]
 endif::[]
 
-NOTE: All examples are taken from
-link:{times-tables-visualization}[Times Tables Visualization - Finding Patterns, {browser-window--new}],
-and re-written for the use of module J1 NBI. Some text is used from the
-original post but re-written for clarity and simplicity.
+CAUTION: Each interactive element presented on this page uses *time-consuming*
+operations that take a while to finish. The elements are built through a
+backend in the cloud. Please be patient to see the results.
 
 First, let's introduce the video from _Mathologer_. This video creates very
 nice patterns from _Times Tables_. Everybody knows them from primary school.
@@ -127,10 +126,10 @@ what _Mathologer_ is doing:
 
 Start your journey on the power of Mathematics!
 
-CAUTION: Each interactive element presented on this page uses *time-consuming*
-operations that take a while to finish. The images and the interactive
-elements are built through a backend in the cloud. Please be patient
-to see the results.
+NOTE: All examples are taken from
+link:{times-tables-visualization}[Times Tables Visualization - Finding Patterns, {browser-window--new}],
+and re-written for the use of module J1 NBI. Some text is used from the
+original post but re-written for clarity and simplicity.
 
 // textbook::circular_times_table[]
 textbook::j1_circular_times_table[]

data/lib/starter_web/pages/public/jupyter/examples/j1-interactive-widgets.adoc

@@ -86,6 +86,10 @@ image:/assets/images/badges/notebookBinder.png[Binder, link="{binder-app-launch-
 image:https://mybinder.org/badge_logo.svg[Binder, link="{binder-app-launch--tree}", {browser-window--new}]
 endif::[]
 
+CAUTION: Each interactive element presented on this page uses *time-consuming*
+operations that take a while to finish. The elements are built through a
+backend in the cloud. Please be patient to see the results.
+
 Widgets are eventful python objects that have a representation in the browser,
 often as a control like a slider, textbox, etc. Widgets are used to build
 interactive GUIs for your notebooks, and to synchronize stateful and stateless
@@ -97,9 +101,4 @@ the most used. Interactive widgets are provided natively by Jupyter Notebooks
 using the library `ipywidgets`. Some more widgets are provided by `nbinteract`.
 Find common examples in the textbooks below.
 
-CAUTION: Each interactive element presented on this page uses *time-consuming*
-operations that take a while to finish. The images and the interactive
-elements are built through a backend in the cloud. Please be patient
-to see the results.
-
 textbook::j1_interactive_widgets[]

data/lib/starter_web/pages/public/jupyter/examples/j1-odes-in-python.adoc

@@ -84,8 +84,9 @@ endif::[]
 
 // See: https://elc.github.io/posts/ordinary-differential-equations-with-python/
 
-NOTE: All examples are taken from
-link:{odes-in-python}[Ordinary Differential Equations (ODE) with Python, {browser-window--new}]
+CAUTION: Each interactive element presented on this page uses *time-consuming*
+operations that take a while to finish. The elements are built through a
+backend in the cloud. Please be patient to see the results.
 
 An ordinary differential equation (often abbreviated to ODE) is one
 Differential equation where only derivatives of the desired function
@@ -100,9 +101,7 @@ describing the dynamics of the population of rabbits and foxes. Check how
 the animals depend on each other. Manipulate some parameters to see the
 influences on the rabbits and foxes population.
 
-CAUTION: Each interactive element presented on this page uses *time-consuming*
-operations that take a while to finish. The images and the interactive
-elements are built through a backend in the cloud. Please be patient
-to see the results.
+NOTE: All examples are taken from
+link:{odes-in-python}[Ordinary Differential Equations (ODE) with Python, {browser-window--new}]
 
 textbook::j1_odes_in_python[]

data/lib/starter_web/pages/public/jupyter/examples/j1-testing-plotly.adoc

@@ -80,6 +80,9 @@ image:/assets/images/badges/notebookBinder.png[Binder, link="{binder-app-launch-
 image:https://mybinder.org/badge_logo.svg[Binder, link="{binder-app-launch--tree}", {browser-window--new}]
 endif::[]
 
+CAUTION: Each interactive element presented on this page uses *time-consuming*
+operations that take a while to finish. The elements are built through a
+backend in the cloud. Please be patient to see the results.
 
 == Plotly
 
@@ -87,9 +90,5 @@ lorem:sentences[5]
 
 lorem:sentences[3]
 
-CAUTION: Each interactive element presented on this page uses *time-consuming*
-operations that take a while to finish. The images and the interactive
-elements are built through a backend in the cloud. Please be patient
-to see the results.
 
 textbook::j1_testing_plotly[]

data/lib/starter_web/pages/public/jupyter/examples/j1_climate-change-forecast.adoc

@@ -80,15 +80,15 @@ image:/assets/images/badges/notebookBinder.png[Binder, link="{binder-app-launch-
 image:https://mybinder.org/badge_logo.svg[Binder, link="{binder-app-launch--tree}", {browser-window--new}]
 endif::[]
 
+CAUTION: If the J1 NBI module detects *non-interactive* textbooks, the
+NBI module adapter does *not* start a Binder service for an external
+computational environment.
+
 This textbook is an example of a *non-interactive* Jupyter notebook (JN).
 Jupyter Notebooks don't necessarily need to contain *interactive* widgets.
 The CLI `nbinteract` can export all types of (Python-based) notebooks to
 an (HTML) textbooks.
 
-NOTE: If the J1 NBI module detects non-interactive textbooks, the module
-adapter does *not* start the Binder service for an external computational
-environment.
-
 == Climate change forecasting
 
 Predicting climate change is a very difficult business. The calculations are

data/lib/starter_web/pages/public/jupyter/notebooks/j1/.ipynb_checkpoints/j1_interactive_widgets-checkpoint.ipynb

@@ -41,7 +41,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "1608d7a21ea54170ac685e198f887628",
+       "model_id": "f66db90b8e2746a5bb4ce77b8a81738b",
        "version_major": 2,
        "version_minor": 0
       },
@@ -76,7 +76,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "a6be50a107e24e85a292bc6145ad6d64",
+       "model_id": "674a3b8585444242843a165fd36a5cc2",
        "version_major": 2,
        "version_minor": 0
       },
@@ -113,7 +113,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "bba72987ae664d9c91bb7d72ea7a4ceb",
+       "model_id": "63e03b8837e042ffb0fb36a48d95d85d",
        "version_major": 2,
        "version_minor": 0
       },
@@ -150,7 +150,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "623ff24264344afba1e0e2ddfaba3954",
+       "model_id": "81de367a58a445afa093b39819fdeb65",
        "version_major": 2,
        "version_minor": 0
       },
@@ -164,7 +164,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "9498800ce6c645129e7a1d0d0960bbab",
+       "model_id": "faba020a11b44537bf1b9f74339d8d52",
        "version_major": 2,
        "version_minor": 0
       },
@@ -178,7 +178,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "a85fe7587ca741c8a763f4be2e2fbce5",
+       "model_id": "f34cec7fb4a54934940f5d037440e9b7",
        "version_major": 2,
        "version_minor": 0
       },
@@ -192,7 +192,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "0589f62cfd2b47688ff5764899459a96",
+       "model_id": "b8b7d85b1759460dadc5568a014d7e80",
        "version_major": 2,
        "version_minor": 0
       },
@@ -232,7 +232,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "3a7017ac9a934ccd8c87cc9bba6561f0",
+       "model_id": "e0535be20c59454aa7529e40e0457f0e",
        "version_major": 2,
        "version_minor": 0
       },
@@ -309,7 +309,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "62a37ef13bf54f0cabe1c5a75d8ad7ab",
+       "model_id": "1196c754303d48c8954b2ba783112516",
        "version_major": 2,
        "version_minor": 0
       },
@@ -363,7 +363,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "4b422c217fb84dc7bffec5159e36071a",
+       "model_id": "5940507213474cf7a7a33b5e60f9d386",
        "version_major": 2,
        "version_minor": 0
       },
@@ -383,7 +383,7 @@
     "    '''\n",
     "    return np.random.normal(loc=mean, scale=sd, size=1000)\n",
     "\n",
-    "nbi.hist(hist_response_function, mean=(0, 10), sd=(0, 2.0, 0.2))"
+    "nbi.hist(hist_response_function, mean=(0, 10), sd=(0.2, 2.0, 0.2))"
    ]
   },
   {
@@ -401,18 +401,18 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 9,
+   "execution_count": 18,
    "metadata": {},
    "outputs": [
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "dce293ca5d6f40878190033fd4bacb44",
+       "model_id": "467a66b0b3ba4036ae7ff52caea9af3c",
        "version_major": 2,
        "version_minor": 0
       },
       "text/plain": [
-       "VBox(children=(interactive(children=(IntSlider(value=5, description='n', max=10), IntSlider(value=5, descripti…"
+       "VBox(children=(interactive(children=(IntSlider(value=6, description='n', max=10, min=3), IntSlider(value=5, de…"
       ]
      },
      "metadata": {},
@@ -430,7 +430,7 @@
     "    'ylim': (0, 20),\n",
     "}\n",
     "\n",
-    "nbi.bar(categories, heights, n=(0, 10), offset=(1, 10), options=opts)"
+    "nbi.bar(categories, heights, n=(3, 10), offset=(1, 10), options=opts)"
    ]
   },
   {
@@ -454,12 +454,12 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "85d808e150a84179a61f5f24324eb233",
+       "model_id": "40dc861f38114d0589514725ce5062e3",
        "version_major": 2,
        "version_minor": 0
       },
       "text/plain": [
-       "VBox(children=(Label(value='y = 1.03x + 0.36'), Figure(animation_duration=250, axes=[Axis(scale=LinearScale(ma…"
+       "VBox(children=(Label(value='y = 1.03x + 0.44'), Figure(animation_duration=250, axes=[Axis(scale=LinearScale(ma…"
       ]
      },
      "metadata": {},
@@ -494,12 +494,12 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "b9ab17c9bcb4453e96247d1c3b5376b0",
+       "model_id": "4bee645a8f074735b3a76d7611a7ec01",
        "version_major": 2,
        "version_minor": 0
       },
       "text/plain": [
-       "VBox(children=(interactive(children=(IntSlider(value=100, description='n', max=200), Output()), _dom_classes=(…"
+       "VBox(children=(interactive(children=(IntSlider(value=105, description='n', max=200, min=10), Output()), _dom_c…"
       ]
      },
      "metadata": {},
@@ -510,7 +510,7 @@
     "def x_values(n): return np.random.choice(100, n)\n",
     "def y_values(xs): return np.random.choice(100, len(xs))\n",
     "\n",
-    "nbi.scatter(x_values, y_values, n=(0,200))"
+    "nbi.scatter(x_values, y_values, n=(10,200))"
    ]
   },
   {
@@ -532,7 +532,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "1acc67b93a504dd68052f4f789977417",
+       "model_id": "e86bedcd6aa34fd99f7701ac7ea07efb",
        "version_major": 2,
        "version_minor": 0
       },
@@ -583,7 +583,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "69125fc46e0a4ef98151a9a233699094",
+       "model_id": "d9f2357911f64e08bfd63b97e5f34b7b",
        "version_major": 2,
        "version_minor": 0
       },
@@ -611,7 +611,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "7579a202c6124ff9b054ea2398505fa0",
+       "model_id": "bb9674fe94b0491f83de231ff76bc149",
        "version_major": 2,
        "version_minor": 0
       },
@@ -648,7 +648,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "05e3ccd2d1254beab1511943bec50d2c",
+       "model_id": "c488ca7374b0478bb5db7f877738df78",
        "version_major": 2,
        "version_minor": 0
       },
@@ -672,7 +672,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "4a1cd24a4d61497f82e0a58f51c84409",
+       "model_id": "8f9315d5c2fc4a9b9e1ca7c6e4433341",
        "version_major": 2,
        "version_minor": 0
       },
@@ -697,7 +697,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "d4b70f05b0234029861de4fc50bd3aef",
+       "model_id": "b0bbe10d65cc485294295b94e6fab3a6",
        "version_major": 2,
        "version_minor": 0
       },

data/lib/starter_web/pages/public/jupyter/notebooks/j1/j1_interactive_widgets.ipynb

@@ -41,7 +41,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "1608d7a21ea54170ac685e198f887628",
+       "model_id": "f66db90b8e2746a5bb4ce77b8a81738b",
        "version_major": 2,
        "version_minor": 0
       },
@@ -76,7 +76,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "a6be50a107e24e85a292bc6145ad6d64",
+       "model_id": "674a3b8585444242843a165fd36a5cc2",
        "version_major": 2,
        "version_minor": 0
       },
@@ -113,7 +113,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "bba72987ae664d9c91bb7d72ea7a4ceb",
+       "model_id": "63e03b8837e042ffb0fb36a48d95d85d",
        "version_major": 2,
        "version_minor": 0
       },
@@ -150,7 +150,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "623ff24264344afba1e0e2ddfaba3954",
+       "model_id": "81de367a58a445afa093b39819fdeb65",
        "version_major": 2,
        "version_minor": 0
       },
@@ -164,7 +164,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "9498800ce6c645129e7a1d0d0960bbab",
+       "model_id": "faba020a11b44537bf1b9f74339d8d52",
        "version_major": 2,
        "version_minor": 0
       },
@@ -178,7 +178,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "a85fe7587ca741c8a763f4be2e2fbce5",
+       "model_id": "f34cec7fb4a54934940f5d037440e9b7",
        "version_major": 2,
        "version_minor": 0
       },
@@ -192,7 +192,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "0589f62cfd2b47688ff5764899459a96",
+       "model_id": "b8b7d85b1759460dadc5568a014d7e80",
        "version_major": 2,
        "version_minor": 0
       },
@@ -232,7 +232,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "3a7017ac9a934ccd8c87cc9bba6561f0",
+       "model_id": "e0535be20c59454aa7529e40e0457f0e",
        "version_major": 2,
        "version_minor": 0
       },
@@ -309,7 +309,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "62a37ef13bf54f0cabe1c5a75d8ad7ab",
+       "model_id": "1196c754303d48c8954b2ba783112516",
        "version_major": 2,
        "version_minor": 0
       },
@@ -363,7 +363,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "4b422c217fb84dc7bffec5159e36071a",
+       "model_id": "5940507213474cf7a7a33b5e60f9d386",
        "version_major": 2,
        "version_minor": 0
       },
@@ -383,7 +383,7 @@
     "    '''\n",
     "    return np.random.normal(loc=mean, scale=sd, size=1000)\n",
     "\n",
-    "nbi.hist(hist_response_function, mean=(0, 10), sd=(0, 2.0, 0.2))"
+    "nbi.hist(hist_response_function, mean=(0, 10), sd=(0.2, 2.0, 0.2))"
    ]
   },
   {
@@ -401,18 +401,18 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 9,
+   "execution_count": 18,
    "metadata": {},
    "outputs": [
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "dce293ca5d6f40878190033fd4bacb44",
+       "model_id": "467a66b0b3ba4036ae7ff52caea9af3c",
        "version_major": 2,
        "version_minor": 0
       },
       "text/plain": [
-       "VBox(children=(interactive(children=(IntSlider(value=5, description='n', max=10), IntSlider(value=5, descripti…"
+       "VBox(children=(interactive(children=(IntSlider(value=6, description='n', max=10, min=3), IntSlider(value=5, de…"
       ]
      },
      "metadata": {},
@@ -430,7 +430,7 @@
     "    'ylim': (0, 20),\n",
     "}\n",
     "\n",
-    "nbi.bar(categories, heights, n=(0, 10), offset=(1, 10), options=opts)"
+    "nbi.bar(categories, heights, n=(3, 10), offset=(1, 10), options=opts)"
    ]
   },
   {
@@ -454,12 +454,12 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "85d808e150a84179a61f5f24324eb233",
+       "model_id": "40dc861f38114d0589514725ce5062e3",
        "version_major": 2,
        "version_minor": 0
       },
       "text/plain": [
-       "VBox(children=(Label(value='y = 1.03x + 0.36'), Figure(animation_duration=250, axes=[Axis(scale=LinearScale(ma…"
+       "VBox(children=(Label(value='y = 1.03x + 0.44'), Figure(animation_duration=250, axes=[Axis(scale=LinearScale(ma…"
       ]
      },
      "metadata": {},
@@ -494,12 +494,12 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "b9ab17c9bcb4453e96247d1c3b5376b0",
+       "model_id": "4bee645a8f074735b3a76d7611a7ec01",
        "version_major": 2,
        "version_minor": 0
       },
       "text/plain": [
-       "VBox(children=(interactive(children=(IntSlider(value=100, description='n', max=200), Output()), _dom_classes=(…"
+       "VBox(children=(interactive(children=(IntSlider(value=105, description='n', max=200, min=10), Output()), _dom_c…"
       ]
      },
      "metadata": {},
@@ -510,7 +510,7 @@
     "def x_values(n): return np.random.choice(100, n)\n",
     "def y_values(xs): return np.random.choice(100, len(xs))\n",
     "\n",
-    "nbi.scatter(x_values, y_values, n=(0,200))"
+    "nbi.scatter(x_values, y_values, n=(10,200))"
    ]
   },
   {
@@ -532,7 +532,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "1acc67b93a504dd68052f4f789977417",
+       "model_id": "e86bedcd6aa34fd99f7701ac7ea07efb",
        "version_major": 2,
        "version_minor": 0
       },
@@ -583,7 +583,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "69125fc46e0a4ef98151a9a233699094",
+       "model_id": "d9f2357911f64e08bfd63b97e5f34b7b",
        "version_major": 2,
        "version_minor": 0
       },
@@ -611,7 +611,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "7579a202c6124ff9b054ea2398505fa0",
+       "model_id": "bb9674fe94b0491f83de231ff76bc149",
        "version_major": 2,
        "version_minor": 0
       },
@@ -648,7 +648,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "05e3ccd2d1254beab1511943bec50d2c",
+       "model_id": "c488ca7374b0478bb5db7f877738df78",
        "version_major": 2,
        "version_minor": 0
       },
@@ -672,7 +672,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "4a1cd24a4d61497f82e0a58f51c84409",
+       "model_id": "8f9315d5c2fc4a9b9e1ca7c6e4433341",
        "version_major": 2,
        "version_minor": 0
       },
@@ -697,7 +697,7 @@
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "d4b70f05b0234029861de4fc50bd3aef",
+       "model_id": "b0bbe10d65cc485294295b94e6fab3a6",
        "version_major": 2,
        "version_minor": 0
       },