From 9a08ae89f644cd1a3f128a0b9b452e53a53ac212 Mon Sep 17 00:00:00 2001
From: Vivek Gopalakrishnan <vivekg@mit.edu>
Date: Thu, 7 Dec 2023 16:57:39 -0500
Subject: [PATCH] Manually save and display pyvista HTML

---
 notebooks/tutorials/visualization.ipynb | 83 +++++++++++--------------
 1 file changed, 36 insertions(+), 47 deletions(-)

diff --git a/notebooks/tutorials/visualization.ipynb b/notebooks/tutorials/visualization.ipynb
index 91e53f58f..2dae2f903 100644
--- a/notebooks/tutorials/visualization.ipynb
+++ b/notebooks/tutorials/visualization.ipynb
@@ -86,22 +86,7 @@
    "execution_count": null,
    "id": "06c4fe21-2f1b-41c2-bfa4-e6c438e2f55a",
    "metadata": {},
-   "outputs": [
-    {
-     "data": {
-      "application/vnd.jupyter.widget-view+json": {
-       "model_id": "1ceb05067e1540949d174ff84607d96d",
-       "version_major": 2,
-       "version_minor": 0
-      },
-      "text/plain": [
-       "Widget(value='<iframe src=\"http://localhost:54160/index.html?ui=P_0x14d947100_0&reconnect=auto\" class=\"pyvista…"
-      ]
-     },
-     "metadata": {},
-     "output_type": "display_data"
-    }
-   ],
+   "outputs": [],
    "source": [
     "# Make a mesh from the CT volume\n",
     "ct = drr_to_mesh(drr, \"surface_nets\", threshold=1150, verbose=False)\n",
@@ -120,9 +105,13 @@
     "plotter.add_mesh(principal_ray, color=\"lime\", line_width=3)\n",
     "plotter.add_mesh(detector, texture=texture)\n",
     "\n",
+    "# Render the plot\n",
     "plotter.add_axes()\n",
     "plotter.add_bounding_box()\n",
-    "plotter.show(\"html\")"
+    "\n",
+    "# plotter.show()  # If running Jupyter locally\n",
+    "# plotter.show(jupyter_backend=\"server\")  # If running Jupyter remotely\n",
+    "plotter.export_html(\"render.html\")"
    ]
   },
   {
@@ -130,8 +119,35 @@
    "execution_count": null,
    "id": "a4355ecf-fa86-43be-9e0e-f42d144a09bd",
    "metadata": {},
-   "outputs": [],
-   "source": []
+   "outputs": [
+    {
+     "data": {
+      "text/html": [
+       "\n",
+       "        <iframe\n",
+       "            width=\"749\"\n",
+       "            height=\"500\"\n",
+       "            src=\"render.html\"\n",
+       "            frameborder=\"0\"\n",
+       "            allowfullscreen\n",
+       "            \n",
+       "        ></iframe>\n",
+       "        "
+      ],
+      "text/plain": [
+       "<IPython.lib.display.IFrame>"
+      ]
+     },
+     "execution_count": null,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "from IPython.display import IFrame\n",
+    "\n",
+    "IFrame(\"render.html\", height=500, width=749)"
+   ]
   }
  ],
  "metadata": {
@@ -142,34 +158,7 @@
   },
   "widgets": {
    "application/vnd.jupyter.widget-state+json": {
-    "state": {
-     "0d41bdaf905b42eca109cbb193bb0828": {
-      "model_module": "@jupyter-widgets/base",
-      "model_module_version": "2.0.0",
-      "model_name": "LayoutModel",
-      "state": {}
-     },
-     "1ceb05067e1540949d174ff84607d96d": {
-      "model_module": "@jupyter-widgets/controls",
-      "model_module_version": "2.0.0",
-      "model_name": "HTMLModel",
-      "state": {
-       "layout": "IPY_MODEL_0d41bdaf905b42eca109cbb193bb0828",
-       "style": "IPY_MODEL_f6be4d1c67254361abd71d230c887c79",
-       "value": "<iframe src=\"http://localhost:54160/index.html?ui=P_0x14d947100_0&reconnect=auto\" class=\"pyvista\" style=\"width: 99%; height: 600px; border: 1px solid rgb(221,221,221);\"></iframe>"
-      }
-     },
-     "f6be4d1c67254361abd71d230c887c79": {
-      "model_module": "@jupyter-widgets/controls",
-      "model_module_version": "2.0.0",
-      "model_name": "HTMLStyleModel",
-      "state": {
-       "description_width": "",
-       "font_size": null,
-       "text_color": null
-      }
-     }
-    },
+    "state": {},
     "version_major": 2,
     "version_minor": 0
    }