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/2Sometimes 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
|
transformX = (x) => x + this.xRange / 2 |
|
transformY = (y) => this.yRange / 2 - y |
to not be hard coded and be generic
Currently, when we specify the x-range the y-range of the container the default plot would be like so:
Sometimes we only need one of the following
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:
Where quadrant is a string that could contain
"Q12","Q3","Q1234"etcWe have to change this part
bare-minimum-2d/src/index.js
Lines 60 to 61 in 2d3dc91
to not be hard coded and be generic