Scatter[Bubble]2d
new CanvasXpress("canvas", {
"x": {
"Tissue": [
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver"
],
"Donor": [
"D1",
"D1",
"D1",
"D1",
"D2",
"D2",
"D2",
"D2",
"D3",
"D3",
"D3",
"D3",
"D4",
"D4",
"D4",
"D4"
],
"Time": [
"1hour",
"1hour",
"2hour",
"2hour",
"1hour",
"1hour",
"2hour",
"2hour",
"1hour",
"1hour",
"2hour",
"2hour",
"1hour",
"1hour",
"2hour",
"2hour"
]
},
"y": {
"vars": [
"Gene1",
"Gene2",
"Gene3",
"Gene4",
"Gene5",
"Gene6"
],
"smps": [
"Smp1",
"Smp2",
"Smp3",
"Smp4",
"Smp5",
"Smp6",
"Smp7",
"Smp8",
"Smp9",
"Smp10",
"Smp11",
"Smp12",
"Smp13",
"Smp14",
"Smp15",
"Smp16"
],
"desc": [
"Intensity"
],
"data": [
[
10,
12,
3,
4,
100,
43,
32,
44,
5,
3,
35,
25,
28,
11,
23,
24
],
[
12,
4,
60,
5,
24,
14,
32,
13,
45,
26,
34,
52,
12,
67,
3,
15
],
[
7,
12,
20,
13,
49,
52,
42,
92,
46,
24,
26,
12,
2,
34,
7,
56
],
[
21,
10,
30,
8,
65,
166,
47,
58,
93,
26,
8,
35,
23,
3,
25,
2
],
[
15,
14,
100,
5,
34,
30,
82,
51,
46,
16,
28,
83,
4,
9,
35,
8
],
[
100,
82,
73,
4,
3,
4,
5,
7,
4,
67,
23,
12,
34,
25,
6,
25
]
]
}
}, {
"graphType": "Scatter2D",
"xAxis": [
"Smp1",
"Smp2",
"Smp3",
"Smp4",
"Smp5",
"Smp6",
"Smp7",
"Smp8"
],
"yAxis": [
"Smp9",
"Smp10",
"Smp11",
"Smp12",
"Smp13",
"Smp14",
"Smp15",
"Smp16"
],
"xAxisTitle": "Concentration (mg/L)",
"yAxisTitle": "Concentration (ug/L)",
"sizeBy": "Smp5",
"colorBy": "Smp7",
"shapeBy": "variable",
"legendPosition": "right"
})
new CanvasXpress("canvas2", {
"x": {
"Tissue": [
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver"
],
"Donor": [
"D1",
"D1",
"D1",
"D1",
"D2",
"D2",
"D2",
"D2",
"D3",
"D3",
"D3",
"D3",
"D4",
"D4",
"D4",
"D4"
],
"Time": [
"1hour",
"1hour",
"2hour",
"2hour",
"1hour",
"1hour",
"2hour",
"2hour",
"1hour",
"1hour",
"2hour",
"2hour",
"1hour",
"1hour",
"2hour",
"2hour"
]
},
"y": {
"vars": [
"Gene1",
"Gene2",
"Gene3",
"Gene4",
"Gene5",
"Gene6"
],
"smps": [
"Smp1",
"Smp2",
"Smp3",
"Smp4",
"Smp5",
"Smp6",
"Smp7",
"Smp8",
"Smp9",
"Smp10",
"Smp11",
"Smp12",
"Smp13",
"Smp14",
"Smp15",
"Smp16"
],
"desc": [
"Intensity"
],
"data": [
[
10,
12,
3,
4,
100,
43,
32,
44,
25,
1,
35,
25,
28,
1,
23,
24
],
[
12,
4,
60,
5,
24,
14,
32,
13,
45,
26,
34,
52,
12,
67,
3,
15
],
[
7,
12,
20,
13,
49,
52,
42,
92,
46,
24,
26,
12,
2,
34,
7,
56
],
[
21,
10,
30,
8,
65,
166,
47,
58,
93,
26,
8,
35,
23,
3,
25,
2
],
[
15,
14,
100,
5,
34,
30,
82,
51,
46,
16,
28,
83,
4,
9,
35,
8
],
[
100,
82,
73,
4,
3,
4,
5,
2,
4,
67,
23,
12,
34,
25,
6,
25,
6
]
]
}
}, {
"graphType": "ScatterBubble2D",
"xAxis": [
"Smp1",
"Smp4",
"Smp7",
"Smp10",
"Smp13",
"Smp16",
"Smp13",
"Smp10",
"Smp9",
"Smp6",
"Smp3"
],
"yAxis": [
"Smp2",
"Smp5",
"Smp8",
"Smp11",
"Smp14",
"Smp15",
"Smp12",
"Smp11",
"Smp8",
"Smp5",
"Smp2"
],
"zAxis": [
"Smp3",
"Smp6",
"Smp9",
"Smp12",
"Smp15",
"Smp14",
"Smp11",
"Smp12",
"Smp7",
"Smp4",
"Smp1"
],
"legendPosition": "right",
"indicatorsPosition": "right",
"colorBy": "Smp5",
"xAxisExact": true,
"yAxisExact": false,
"indicatorWidth": 2
})
var cx = new CanvasXpress("canvas1", {
"x": {
"Tissue": [
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver"
],
"Donor": [
"D1",
"D1",
"D1",
"D1",
"D2",
"D2",
"D2",
"D2",
"D3",
"D3",
"D3",
"D3",
"D4",
"D4",
"D4",
"D4"
],
"Time": [
"1hour",
"1hour",
"2hour",
"2hour",
"1hour",
"1hour",
"2hour",
"2hour",
"1hour",
"1hour",
"2hour",
"2hour",
"1hour",
"1hour",
"2hour",
"2hour"
]
},
"y": {
"vars": [
"Gene1",
"Gene2",
"Gene3",
"Gene4",
"Gene5",
"Gene6"
],
"smps": [
"Smp1",
"Smp2",
"Smp3",
"Smp4",
"Smp5",
"Smp6",
"Smp7",
"Smp8",
"Smp9",
"Smp10",
"Smp11",
"Smp12",
"Smp13",
"Smp14",
"Smp15",
"Smp16"
],
"desc": [
"Intensity"
],
"data": [
[
10,
12,
3,
4,
100,
43,
32,
44,
25,
1,
35,
25,
28,
1,
23,
24
],
[
12,
4,
60,
5,
24,
14,
32,
13,
45,
26,
34,
52,
12,
67,
3,
15
],
[
7,
12,
20,
13,
49,
52,
42,
92,
46,
24,
26,
12,
2,
34,
7,
56
],
[
21,
10,
30,
8,
65,
166,
47,
58,
93,
26,
8,
35,
23,
3,
25,
2
],
[
15,
14,
100,
5,
34,
30,
82,
51,
46,
16,
28,
83,
4,
9,
35,
8
],
[
100,
82,
73,
4,
3,
4,
5,
2,
4,
67,
23,
12,
34,
25,
6,
25,
6
]
]
}
}, {
"graphType": "Scatter2D",
"xAxis": [
"Smp1",
"Smp3",
"Smp5"
],
"yAxis": [
"Smp2",
"Smp4",
"Smp6"
],
"background": "rgb(245,245,245)"
});
cx.addRegressionLine();
cx.draw();
var cx = new CanvasXpress("canvas3", {
"x": {
"Tissue": [
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver"
],
"Donor": [
"D1",
"D1",
"D1",
"D1",
"D2",
"D2",
"D2",
"D2",
"D3",
"D3",
"D3",
"D3",
"D4",
"D4",
"D4",
"D4"
],
"Time": [
"1hour",
"1hour",
"2hour",
"2hour",
"1hour",
"1hour",
"2hour",
"2hour",
"1hour",
"1hour",
"2hour",
"2hour",
"1hour",
"1hour",
"2hour",
"2hour"
]
},
"y": {
"vars": [
"Gene1",
"Gene2",
"Gene3",
"Gene4",
"Gene5",
"Gene6"
],
"smps": [
"Smp1",
"Smp2",
"Smp3",
"Smp4",
"Smp5",
"Smp6",
"Smp7",
"Smp8",
"Smp9",
"Smp10",
"Smp11",
"Smp12",
"Smp13",
"Smp14",
"Smp15",
"Smp16"
],
"desc": [
"Intensity"
],
"data": [
[
10,
12,
3,
4,
100,
43,
32,
44,
25,
1,
35,
25,
28,
1,
23,
24
],
[
12,
4,
60,
5,
24,
14,
32,
13,
45,
26,
34,
52,
12,
67,
3,
15
],
[
7,
12,
20,
13,
49,
52,
42,
92,
46,
24,
26,
12,
2,
34,
7,
56
],
[
21,
10,
30,
8,
65,
166,
47,
58,
93,
26,
8,
35,
23,
3,
25,
2
],
[
15,
14,
100,
5,
34,
30,
82,
51,
46,
16,
28,
83,
4,
9,
35,
8
],
[
100,
82,
73,
4,
3,
4,
5,
2,
4,
67,
23,
12,
34,
25,
6,
25,
6
]
]
}
}, {
"graphType": "Scatter2D",
"xAxis": [
"Smp1",
"Smp3",
"Smp5"
],
"yAxis": [
"Smp2",
"Smp4",
"Smp6"
],
"background": "rgb(210,210,210)",
"backgroundType": "window"
});
cx.addNormalDistributionLine();
cx.draw();