plotly outputs not rendering

[aadsouza]

see random forests output in reg lectures for example. https://quantecon.github.io/lecture-datascience.myst/applications/regression.html

[aadsouza]

@mmcky this seems to have tripped without warning because we have -W turned on.

[mmcky]

@aadsouza you talking about this section

https://quantecon.github.io/lecture-datascience.myst/applications/regression.html#regression-trees

[aadsouza]

@mmcky yes, fig was supposed to return a 3D interactive plotly plot

[mmcky]

@AakashGfude any ideas why this plotly object isn't loading.

It appears to be executing without issue

  {
   "cell_type": "code",
   "execution_count": 23,
   "id": "e78ba9a4",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "application/vnd.jupyter.widget-view+json": {
       "model_id": "c1092fcab523498cab6acdf9d60b0b75",
       "version_major": 2,
       "version_minor": 0
      },
      "text/plain": [
       "FigureWidget({\n",
       "    'data': [{'marker': {'opacity': 0.3, 'size': 2},\n",
       "              'mode': 'markers',\n",
       "         …"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],

This is looking at the latest _build cache. https://github.com/QuantEcon/lecture-datascience.myst/runs/2770358516

[aadsouza]

note: would work as recently as the pre-release before this if i'm not mistaken

[mmcky]

@AakashGfude it does look like the html has changed from including the script to excluding the script in the html output.

[aadsouza]

was running the binder/colab test and noticed that this plotly stuff doesn't render anything there either

[mmcky]

@AakashGfude the binder environment is now setup correctly and they render there ok.

[AakashGfude]

Looks like it is an issue of mathjaxv3 and plotly incompatibility. Which had been raised earlier at plotly/plotly.js#4563 .

In our case, plotlywidgets uses MathJax.Hub.Config which is Mathjaxv2 syntax.

On setting

mathjax_path: https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML

and then trying, the plot renders okay:

But will keep trying out a solution to make it compatible with mathjaxv3.

[mmcky]

@AakashGfude nice work!. That is a lot of layers to figure out.

I guess we are going to have to wait for plotly to support mathjax v3 (or we could revert to mathjax v2 for datascience)

[mmcky]

@AakashGfude one of the listed items on the plotly issue seems to have what might be a pretty straight forward temp fix.

https://github.com/project-lovelace/lovelace-website/pull/96/files

What do you think?

[AakashGfude]

@AakashGfude one of the listed items on the plotly issue seems to have what might be a pretty straight forward temp fix.

https://github.com/project-lovelace/lovelace-website/pull/96/files

What do you think?

I tried this particular fix from the repo. But did not seem to work. Maybe because our issue is in plotlywidgets file, which has quite a lot of mathjaxv2 specific syntax.

One simple fix, as you mentioned is to revert to mathjaxv2 for datascience.
And in the theme itself, we can read the config and change the syntax according to the version.

[wupeifan]

Are the plotlywidgets needed when we are using Jupyter Lab, or they are also necessary when just running in plain notebooks?

[AakashGfude]

Are the plotlywidgets needed when we are using Jupyter Lab, or they are also necessary when just running in plain notebooks?

Seems like it. I think Figurewidgets use the plotlywidget.js file in the background?
The particular code uses figurewidget for interactivity.

[AakashGfude]

fixed in #156