Display Jupyter Notebook output text and images in order

[DleanJeans]

Feature: Notebook Editor, Interactive Window, Python Editor cells

Sent here from microsoft/vscode#85311

Description

Copypasted

Let me succinctly describe this with code and outputs.

Example Code:

from IPython.display import display

for name, image in images_with_name.items():
  print(name)
  display(image)

Google Colab:

Name1
[Image1]
Name2
[Image2]
Name3
[Image3]

VS Code:

Name1
Name2
Name3
---------
[Image1]
[Image2]
[Image3]

Can we make it output like Google Colab?

I moved from Google Colab to use Jupyter on my local machine and it's kinda weird to see VS Code display texts and images in 2 different views (even with scrollbar). It's still readable with a few pairs but things get out of hands when it's a long list.

Microsoft Data Science for VS Code Engineering Team: @rchiodo, @IanMatthewHuff, @DavidKutu, @DonJayamanne, @greazer

[jmew]

@DleanJeans Thanks for the feedback. Can confirm that JupyterLab also does the same thing Colab does.

[DleanJeans]

Also missing support for printing with colors, and \r for overriding/updating previous line.

Do I open new issues or maybe one to track them all?

[DleanJeans]

There seems to be a separation between print and display output.
If display is used to output both text and images then they would be in order:

for name, image in images_with_name.items():
  # print(name)
  display(name)
  display(image)

[rchiodo]

@DleanJeans please open a new issue for the other two problems you found. Thanks.

[IanMatthewHuff]

Validated. With print() and display(Image()) statements interleaved in a loop they now show up on the output in order.