making it work on mybinder

Author: slayoo

examples/widgets_playground.ipynb

@@ -18,7 +18,7 @@
    "outputs": [],
    "source": [
     "import subprocess\n",
-    "for package in ('ipywidgets', 'matplotlib', 'ipympl'):\n",
+    "for package in ('ipywidgets', 'matplotlib'):\n",
     "    subprocess.check_call([sys.executable, \"-m\", \"pip\", \"install\", \"--quiet\", package])"
    ]
   },
@@ -28,9 +28,9 @@
    "metadata": {},
    "outputs": [],
    "source": [
-    "from ipywidgets import Tab, SelectMultiple, IntSlider, FloatSlider, HTML, HBox, VBox, Output\n",
+    "from ipywidgets import Tab, SelectMultiple, IntSlider, FloatSlider, HBox, VBox, Output\n",
     "from matplotlib import pyplot\n",
-    "from IPython.display import display\n",
+    "from IPython.display import display, clear_output\n",
     "import PyPartMC as ppmc"
    ]
   },
@@ -39,32 +39,14 @@
    "execution_count": 4,
    "metadata": {},
    "outputs": [],
-   "source": [
-    "%matplotlib widget\n",
-    "\n",
-    "if \"google.colab\" in sys.modules:\n",
-    "    HACK = (\n",
-    "        \"<link\"\n",
-    "        ' rel=\"stylesheet\"'\n",
-    "        ' href=\"https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css\"'\n",
-    "        \"> \"\n",
-    "    )\n",
-    "    display(HTML(HACK))"
-   ]
-  },
-  {
-   "cell_type": "code",
-   "execution_count": 5,
-   "metadata": {},
-   "outputs": [],
    "source": [
     "gas_data_widget = SelectMultiple(options=(\"H2SO4\", \"HNO3\", \"HCl\", \"NH3\", \"NO\", \"NO2\"))\n",
     "gas_data_widget.value = gas_data_widget.options"
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 6,
+   "execution_count": 5,
    "metadata": {},
    "outputs": [],
    "source": [
@@ -73,7 +55,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 7,
+   "execution_count": 6,
    "metadata": {},
    "outputs": [],
    "source": [
@@ -83,7 +65,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 8,
+   "execution_count": 7,
    "metadata": {},
    "outputs": [],
    "source": [
@@ -94,14 +76,20 @@
     "    ax.set_ylim(param_y_widget.min, param_y_widget.max)\n",
     "    line_x = ax.plot([param_x_widget.value]*2, ax.get_ylim())\n",
     "    line_y = ax.plot(ax.get_xlim(), [param_y_widget.value]*2)\n",
-    "\n",
-    "param_x_widget.observe(lambda change: line_x[0].set_xdata([change.new]*2), 'value')\n",
-    "param_y_widget.observe(lambda change: line_y[0].set_ydata([change.new]*2), 'value')"
+    "    pyplot.show()\n",
+    "    \n",
+    "def plot_update():\n",
+    "    with preview_output:\n",
+    "        clear_output(wait=True)\n",
+    "        display(fig)\n",
+    "    \n",
+    "param_x_widget.observe(lambda change: line_x[0].set_xdata([change.new]*2) or plot_update(), 'value')\n",
+    "param_y_widget.observe(lambda change: line_y[0].set_ydata([change.new]*2) or plot_update(), 'value')"
    ]
   },
   {
    "cell_type": "code",
-   "execution_count": 9,
+   "execution_count": 8,
    "metadata": {},
    "outputs": [],
    "source": [
@@ -122,13 +110,13 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 10,
+   "execution_count": 9,
    "metadata": {},
    "outputs": [
     {
      "data": {
       "application/vnd.jupyter.widget-view+json": {
-       "model_id": "c9630f899d514ecb9c13641d56706dde",
+       "model_id": "3e2802d5172d42a791329ae152b6e12b",
        "version_major": 2,
        "version_minor": 0
       },
@@ -146,7 +134,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 11,
+   "execution_count": 10,
    "metadata": {},
    "outputs": [
     {
@@ -163,7 +151,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 12,
+   "execution_count": 11,
    "metadata": {},
    "outputs": [
     {