JSON display objects not rendered properly in notebook

[norweeg]

A minimal example of the problem:

from IPython.display import display, JSON
json_dict = {"my data":{1:"this", 2:"is", 3:"a", 4:"test"}}
display(JSON(json_dict, expanded=True))

in notebook, this outputs:

in jupyterlab, however, this renders correctly as:

Jupyter version:

Also occurs in Jupyter running in python 3.7. Multiple browsers (Chrome, Edge) and multiple systems tested.

[marscher]

Is this going to be supported? I have a code supporting both notebook and lab environments, but the different behaviour here gives me a headage.

[kevin-bates]

I would hope this could be addressed as part of item 2 in our README notice.

[kevin-bates]

Here's some more information relative to my previous comment: jupyterlab/jupyterlab#9869

[iorlas]

@kevin-bates Alright-alright. I know this ticket might be quite old, but really, this issue arise in the IntelliJ IDEA, so I guess it is their issue. But I'm not sure what they have to do. Should they change the frontend? Which frontend should they use then?

[kevin-bates]

Hi @iorlas. I see that the README notice item referenced above has been removed due to the recent progress that's been made toward a Notebook 7 release - so I'm including it here for completeness:

2. To address JupyterLab feature parity issues. As part of this effort, we are also working on a better notebook-only experience in JupyterLab for users who prefer the UI of the classic Jupyter Notebook.

I can't speak to the IntelliJ IDEA integration, but the Notebook 7 release should address this issue since it will be using the Lab framework and will offer an option to display the "classic" interface. Notebook 7.0.0a7 is available and can be installed via pip install --pre notebook. Integrators will likely want to wait until the target release is generally available, but, to address this particular issue (as well as others), they will want to use NB7.

[leorochael]

I came here from Google Colaboratory, where:

• display(JSON(json_dict, expanded=True))

just renders as:

• <IPython.core.display.JSON object>

I'm wondering if there is any functionality that I can call by hand from IPython.display module to produce some html from the JSON rendering.

[norweeg]

I came here from Google Colaboratory, where:

• display(JSON(json_dict, expanded=True))

just renders as:

• <IPython.core.display.JSON object>

I'm wondering if there is any functionality that I can call by hand from IPython.display module to produce some html from the JSON rendering.

maybe try the panel JSON widget instead? https://panel.holoviz.org/reference/panes/JSON.html