Plotly v6 does not showing in HTML with some JS conflict

[cderv]

Simple example for basic plotly example with new plotly 6.
https://plotly.com/python/figure-structure/

---
format: html
jupyter: python3
---

```{python}
import plotly.express as px

fig = px.line(x=["a","b","c"], y=[1,3,2], title="sample figure")
fig.show()
```

Error in browser console are:

plotly-3.0.0.min.js:21 Uncaught TypeError: kP.select is not a function
    at Ehe (plotly-3.0.0.min.js:21:259206)
    at Object.Yft [as _doPlot] (plotly-3.0.0.min.js:21:255283)
    at Object.Qft [as newPlot] (plotly-3.0.0.min.js:21:260707)
    at index.html:102:444

Using plotly 5.24, it works ok. So something changed in plotly that makes rendering with Quarto fails.

[mcanouil]

From plotly, the main change that is likely the source of the issue:

Change to anywidget for go.FigureWidget
go.FigureWidget now uses anywidget.

(notebook >= 7 is now required)

Source: https://plotly.com/python/v6-migration/

[cderv]

For reference similar issue with .ipynb in Positron

• Newest plotly (6.0.0) doesn't work in Positron posit-dev/positron#6154

which points to broader plotly issue

• 6.0.0 fails to export WebGL to HTML file plotly/plotly.py#5012