TODO: Be able to specify and render just one or two quadrants instead of the four

[mithi]

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

bare-minimum-2d/src/index.js

Lines 60 to 61 in 2d3dc91

	transformX = (x) => x + this.xRange / 2
	transformY = (y) => this.yRange / 2 - y

to not be hard coded and be generic