How can I change the layout of plots in Jupyter?

[bmage8923]

Description

The rest of my document is rendering great, but I have one cell block that I just can't get to render properly. It uses a for loop to render 6 different plots, and I would like to display them across two rows instead of having all of them in a single column. The only column layout that has changed anything at all is using column: margin - that works as expected.

I did see another post somewhere that stated using plt.show() instead of df.show() fixed the issue for them. Trying a similar fix here, unfortunately, did not work. Happy to provide any more details if needed.

#| label: fig-sil-viz
#| fig-cap: "Silhouette score with varying number of clusters"
#| fig-subcap: true
#| column: screen-inset
#| layout-nrow: 2
#| width: 25%
cluster_list = range(2, 8)
for k in cluster_list:
    # finding optimal no. of clusters with silhouette coefficients
    visualizer = SilhouetteVisualizer(
        KMeans(k, random_state=1)
    )  ## Complete the code to visualize the silhouette scores for certain number of clusters
    visualizer.fit(k_means_df)
    # visualizer.show();
    plt.show()

Quarto version 1.3.450
Ubuntu 22.04.3 LTS

[mcanouil]

Could you share a small self-contained "working" (reproducible) example to work with, i.e., a complete Quarto document or a Git repository? Thanks.

You can share a Quarto document using the following syntax, i.e., using more backticks than you have in your document (usually four ````).

````qmd
---
title: "Reproducible Quarto Document"
format: html
---

This is a reproducible Quarto document using `format: html`.
It is written in Markdown and contains embedded R code.
When you run the code, it will produce a plot.

```{r}
plot(cars)
```

The end.
````

[mcanouil]

Don't set column: screen-inset if you don't need the figures to take the whole screen then.
But still, caption in a margin for a grid layout figures makes no sense.

[bmage8923]

The intent was for the caption of the whole grid to be in the margin, while the individual figures had the subcap underneath them. Quick diagram below. Note that it could be two columns or two rows, or whatever else, I just don't want a giant stack of plots.
I've tried every possible entry for column and the only one that produces a different result for me is column: margin, which does not give the desired output.

Fig 1 Fig 2
(a) (b)
Fig 3 Fig 4 Figure 5: ...
(c) (d)
Fig 5 Fig 6
(e) (f)

[bmage8923]

I've discovered that adding #| fig-cap-location: margin to each individual figure and removing cap-location from the front matter will make this work as expected. What I don't understand is how that is any different from having cap-location: margin in the front matter.

[mcanouil]

Indeed, this is why I asked Charles, since he is the one mostly behind the margin layout, as there might be a bug.

[dragonstyle]

The difference is indeed confusing. I will have a closer look