When to use grid versus domain? (plot position layout approaches, techniques, methods)

plotly.js
1

I was wondering if someone might concisely be able to explain all of the different properties related to setting the position of plots.

Specifically: how and when these properties are used, meant to be used together, or not used together.

  • grid
  • domain
  • overlaying
  • subplot

Am I missing any properties?

Let me know if this is not the right place to ask this or
if it is covered in the documentation, but I haven’t seen anything so far.

I have seen Subplot section of the documentation
https://plotly.com/javascript/subplot-charts/
which gives some individual examples,
but not an explanation from a higher level.

Did some of these properties exist first, and then others were introduced later?