Layout Multiple Plot charts

New To Observable
1

Say I have a few charts and I want to arrange them horizontally along the width of the notebook. How can I accomplish this? Would it be using an HTML cell and wrapping each chart somehow. Could someone help me out, extend the demo notebook? Wanting to get these three charts in a line, but in general learn more about composing chart collections.

Thanks!

Notebook

2

Yup!
I like using a grid layout, like this:

<div style="display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 20px; row-gap: 20px;">
  ${carScatter}
  ${topLetterBar}
  ${aaplArea}
</div>

I sent a suggestion to your notebook.

2 Likes
3

Great, that works wonderfully!

1 Like