Currently, when we specify the x-range the y-range of the container the default plot would be like so:

                  yRange/2
                     | 
               Q2    |      Q1
  -xRange/2 -------(0,0)--------- xRange/2
               Q3    |      Q4
                     |    
                 -yRange/2

Sometimes we only need one of the following

• Q1
• Q2
• Q3
• Q4
• Q1 + Q2
• Q3 + Q4
• Q1 + Q4
• Q2 + Q3
• Q1 + Q2 + Q3 + Q4

We should be able to specify, so that we don't waste space in the screen that don't have markers.
I'm thinking the API would be something like:

const container = { xRange, yRange, color, opacity, quadrants }

Where quadrant is a string that could contain "Q12", "Q3", "Q1234" etc

We have to change this part

to not be hard coded and be generic