Dotplot
new CanvasXpress("canvas", {
"x": {
"Tissue": [
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver"
],
"Donor": [
"D1",
"D1",
"D1",
"D1",
"D2",
"D2",
"D2",
"D2"
],
"Time": [
"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"
],
"desc": [
"Intensity"
],
"data": [
[
10,
12,
3,
4,
100,
73,
42,
64
],
[
12,
4,
60,
5,
24,
14,
32,
13
],
[
7,
12,
20,
13,
49,
52,
42,
92
],
[
21,
10,
30,
8,
65,
166,
47,
58
],
[
15,
14,
100,
5,
34,
30,
82,
51
],
[
100,
82,
73,
4,
3,
4,
5,
2
]
]
}
}, {
"graphType": "Dotplot",
"blockContrast": true,
"blockContrastEvenColor": "rgb(226,236,248)",
"colorScheme": "basic",
"blockSeparationFactor": 2,
"smpOverlays": [
"Tissue",
"Donor",
"Time"
],
"overlaysWidth": 20
})
var dp = new CanvasXpress("canvas1", {
"x": {
"Tissue": [
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver",
"Kidney",
"Liver"
],
"Donor": [
"D1",
"D1",
"D1",
"D1",
"D2",
"D2",
"D2",
"D2"
],
"Time": [
"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"
],
"desc": [
"Intensity"
],
"data": [
[
10,
12,
3,
4,
100,
73,
42,
64
],
[
12,
4,
60,
5,
24,
14,
32,
13
],
[
7,
12,
20,
13,
49,
52,
42,
92
],
[
21,
10,
30,
8,
65,
166,
47,
58
],
[
15,
14,
100,
5,
34,
30,
82,
51
],
[
100,
82,
73,
4,
3,
4,
5,
2
]
]
},
}, {
"graphType": "Dotplot",
"background": "rgb(226,236,248)",
"legendBackgroundColor": false,
"blockSeparationFactor": 2
})
dp.groupSamples(['Donor']);
dp.draw();