Plotly plots are not rendering

[charldelaoa]

Hi, I am trying to render plotly plots using python + quarto.

I keep getting this message:

Unable to display output for mime type(s): application/vnd.plotly.v1+json

Is there something I need to modify/add to the yml header?

[mcanouil]

Could you share a complete and small reproducible Quarto document?
Could you also state which version of Quarto and which operating system you are using?

[mcanouil]

Do you have the example as a Git repository rather than a zip?

[charldelaoa]

https://github.com/charldelaoa/quarto-plotly

[charldelaoa]

@mcanouil I made a .qmd file instead of a .ipynb with the same code and I was able to render the plotly plots. Maybe there is something going wrong when trying to render directly from Jupyter notebooks?

[cscheid]

If you're calling quarto render file.ipnyb you need to tell quarto explicitly in case you want to execute the notebook with --execute. This is explained in our documentation

[cderv]

@charldelaoa one of our "getting started" with python is using a plotly graph. https://quarto.org/docs/get-started/computations/text-editor.html

I tested this document and it works ok. As @mcanouil we need an example to see exactly the python code you used.

Also one precision based on guess from your screenshot:

• Is this happening in VSCODE inline preview ?
• Is this happening with quarto render output too ?

I am asking because it seems in the former case, this is something that could be related to VSCODE extension

• Plotly No renderer could be found for mimetype "application/vnd.plotly.v1+json" microsoft/vscode-jupyter#11658
• Plotly no renderer error in Jupyter notebook microsoft/vscode-jupyter#4227
• https://stackoverflow.com/questions/74046983/plotly-no-renderer-could-be-found-for-mimetype-application-vnd-plotly-v1json

So wondering if this is happening with Quarto itself, or more something related to VSCODE / Quarto extension, and other integration

[charldelaoa]

Hi @cderv,

I am able to see VSCODE inline preview using .qmd files

The issue was when trying to render .ipynb to .html as the plotly plots would not render.

I have created a .qmd file instead and that seems to have fix the issue

[ForBo7]

Running the following line in your notebook should fix it.

import plotly.io as pio
pio.renderers.default = "notebook"

[benoit-cty]

Hello,
For the record, it is because VSCode (at least with Jupyter Notebook Renderers) do not render Plotly in the same way than Jupyter did.

In a file saved by Jupyter the cell output is Javascript content with the code of plotly.

In a file saved by VSCode, there is only the data needed by plotly, not plotly itself:

{
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "application/vnd.plotly.v1+json": {
       "config": {
        "plotlyServerURL": "https://plot.ly"
       },
       "data": [...

It save a lot of space but it is not supported by Quarto.

Adding

import plotly.io as pio
pio.renderers.default = "notebook"

In VSCode force it to use the same output as Jupyter so it works with Quarto.

[Hamsterarsch]

For anyone arriving here recently and for whom the notebook mentioned above does not produce plotly output: There was a breaking change in plotly-6.0 (see #12061 ).

downgrade plotly using pip install --force-reinstall -v="plotly-5.24"

[mcanouil]

FYI, the team is aware:

• Plotly v6 does not showing in HTML with some JS conflict #12061