Skip to content

Commit a4eca4f

Browse files
richardnm-2richardnm-2
committed
vai
1 parent 3d79506 commit a4eca4f

File tree

1 file changed

+80
-195
lines changed

1 file changed

+80
-195
lines changed

‎devtools/test_dashboard/index.html

Lines changed: 80 additions & 195 deletions
Original file line numberDiff line numberDiff line change
@@ -36,146 +36,90 @@
3636
</script>
3737
<script charset="utf-8" src="../../build/test_dashboard-bundle.js"></script>
3838
<script>
39-
function zipArrays(arrays) {
40-
var zipped = arrays[0].map(function (e, i) {
41-
var row = [];
42-
arrays.map(function (arr) {
43-
row.push(arr[i]);
44-
});
45-
return row;
46-
});
47-
return zipped;
48-
}
49-
50-
function sortObjecstByKey(a, b, key) {
51-
if (a[key] === b[key]) return 0;
52-
if (a[key] < b[key]) return -1;
53-
return 1;
54-
}
55-
56-
function matrixToObjectList(matrix, cols) {
57-
var zipped = zipArrays(matrix);
58-
59-
var objList = [];
60-
61-
zipped.forEach(function (row) {
62-
var objRow = {};
63-
cols.forEach(function (col, idx) {
64-
objRow[col] = row[idx];
65-
});
66-
objRow.y = row.at(-1);
67-
objList.push(objRow);
68-
});
69-
return objList;
70-
}
71-
72-
exports.matrixToObjectList = matrixToObjectList;
73-
74-
function sortObjectList(cols, objList) {
75-
var sortedObjectList = objList.map(function (e) {
76-
return e;
77-
});
78-
cols.reverse().forEach(function (key) {
79-
sortedObjectList = sortedObjectList.sort(function (a, b) {
80-
return sortObjecstByKey(a, b, key);
81-
});
82-
});
83-
return sortedObjectList;
84-
}
85-
86-
exports.sortObjectList = sortObjectList;
87-
88-
function objectListToList(objectList) {
89-
var list = [];
90-
objectList.forEach(function (item) {
91-
list.push(Object.values(item));
92-
});
93-
return list;
94-
}
95-
96-
exports.objectListToList = objectListToList;
97-
98-
function sortedMatrix(list) {
99-
var xs = [];
100-
var y = [];
101-
102-
list.slice().forEach(function (item) {
103-
y.push(item.pop());
104-
xs.push(item);
105-
});
39+
// let fullData = [
40+
// {
41+
// x: [
42+
// ["AA", "AA", "AA", "BB"],
43+
// // "DD", "DD", "DD", "DD", "BB", "BB"],
44+
// ["DD", "CC", "DD", "DD"],
45+
// ["2", "1", "3", "4"],
46+
// // "VV", "MM", "AA"],
47+
// ],
48+
// y: [10, 8, 11, 12],
49+
// line: {
50+
// color: "orange",
51+
// width: 3,
52+
// },
53+
// // 14, 17, 8, 10, 10, 9],
54+
// // type: "bar",
55+
// },
56+
// {
57+
// x: [
58+
// ["AA", "AA", "AA", "BB"],
59+
// // "DD", "DD", "DD", "DD", "BB", "BB"],
60+
// ["DD", "CC", "DD", "DD"],
61+
// ["2", "1", "3", "4"],
62+
// // "VV", "MM", "AA"],
63+
// ],
64+
// y: [12, 10, 13, 14],
65+
// line: {
66+
// color: "blue",
67+
// width: 3,
68+
// },
69+
// // 14, 17, 8, 10, 10, 9],
70+
// // type: "bar",
71+
// },
72+
// ];
73+
// var trace1 = {
74+
// x: [
75+
// ["AA", "AA", "AA", "BB"],
76+
// ["DD", "CC", "DD", "DD"],
77+
// ["2", "1", "3", "4"],
78+
// ],
10679

107-
return [xs, y];
80+
// // y: y0,
81+
// // y: [12, 10, 13, 14],
82+
// y: [y0, y1, y2, y3],
83+
// type: "box",
84+
// };
85+
// TESTER = document.getElementById("tester");
86+
// // Plotly.newPlot(TESTER, fullData, {
87+
// // margin: { t: 0 },
88+
// // });
89+
</script>
90+
<script>
91+
var y0 = [];
92+
var y1 = [];
93+
var y2 = [];
94+
var y3 = [];
95+
96+
for (var i = 0; i < 50; i++) {
97+
y0[i] = Math.random();
98+
y1[i] = Math.random() * 10;
99+
y2[i] = Math.random() * 20;
100+
y3[i] = Math.random() * 30;
108101
}
109102

110-
exports.sortedMatrix = sortedMatrix;
111-
112-
function transpose(matrix) {
113-
var width = matrix[0].length;
114-
var newMatrix = [];
103+
var ys = [y0, y1, y2, y3];
115104

116-
// prevent inplace change
117-
for (var row = 0; row < matrix.length; row++) {
118-
newMatrix.push(matrix[row].slice());
119-
}
120-
121-
for (var i = 0; i < newMatrix.length; i++) {
122-
for (var j = 0; j < i; j++) {
123-
newMatrix = newMatrix.slice();
124-
var temp = newMatrix[i][j];
125-
newMatrix[i][j] = newMatrix[j][i];
126-
newMatrix[j][i] = temp;
127-
}
128-
}
129-
130-
newMatrix = newMatrix.slice(0, width);
131-
return newMatrix;
132-
}
133-
134-
function sortTrace(xs) {
105+
var spreadYs = [...y0, ...y1, ...y2, ...y3];
135106

107+
var trace1 = {
108+
x: [
109+
["AA", "AA", "AA", "BB"],
110+
["DD", "CC", "DD", "DD"],
111+
["2", "1", "3", "4"],
112+
],
136113

137-
}
138-
</script>
139-
<script>
140-
let fullData = [
141-
{
142-
x: [
143-
["AA", "AA", "AA", "BB"],
144-
// "DD", "DD", "DD", "DD", "BB", "BB"],
145-
["DD", "CC", "DD", "DD"],
146-
["2", "1", "3", "4"],
147-
// "VV", "MM", "AA"],
148-
],
149-
y: [10, 8, 11, 12],
150-
line: {
151-
color: "orange",
152-
width: 3,
153-
},
154-
// 14, 17, 8, 10, 10, 9],
155-
// type: "bar",
156-
},
157-
{
158-
x: [
159-
["AA", "AA", "AA", "BB"],
160-
// "DD", "DD", "DD", "DD", "BB", "BB"],
161-
["DD", "CC", "DD", "DD"],
162-
["2", "1", "3", "4"],
163-
// "VV", "MM", "AA"],
164-
],
165-
y: [12, 10, 13, 14],
166-
line: {
167-
color: "blue",
168-
width: 3,
169-
},
170-
// 14, 17, 8, 10, 10, 9],
171-
// type: "bar",
172-
},
173-
];
114+
// y: y0,
115+
y: spreadYs,
116+
// y: [12, 10, 13, 14],
117+
// y: [y0, y1, y2, y3],
118+
type: "box",
119+
};
120+
var data = [trace1];
174121

175-
TESTER = document.getElementById("tester");
176-
// Plotly.newPlot(TESTER, fullData, {
177-
// margin: { t: 0 },
178-
// });
122+
// Plotly.newPlot("tester", data);
179123
</script>
180124
<script>
181125
let x1 = [
@@ -200,77 +144,18 @@
200144
var trace1 = {
201145
x: [x1, x2],
202146

203-
y: y.slice(0, 13),
147+
y: y.slice(0, 12),
204148
type: "box",
205149
};
206150

207151
var trace2 = {
208152
x: [x1, x2],
209153

210-
y: y.slice(12, 25),
154+
y: y.slice(12, 24),
211155
type: "box",
212156
};
213157

214-
var data = [trace1];
215-
216-
// Plotly.newPlot("tester", data);
217-
</script>
218-
<script>
219-
var trace1 = {
220-
// x: [
221-
// ["SF Zoo", "SF Zoo", "SF Zoo", "LA Zoo"]
222-
// // "LA Zoo", "LA Zoo"],
223-
// [
224-
// "giraffes",
225-
// "orangutans",
226-
// "monkeys",
227-
// "giraffes"
228-
// ],
229-
// // "orangutans",
230-
// // "monkeys",
231-
// ],
232-
// y: [20, 14, 23, 12]
233-
// 18, 29],
234-
// name: "SF Zoo",
235-
// type: "bar",
236-
x: [
237-
["AA", "AA", "AA", "BB"],
238-
["CC", "DD", "EE", "CC"],
239-
],
240-
241-
y: [12, 10, 13, 14],
242-
};
243-
244-
trace = {
245-
x: [
246-
["AA", "AA", "AA", "BB"],
247-
["CC", "DD", "FF", "CC"],
248-
],
249-
250-
y: [12, 10, 13, 14],
251-
};
252-
253-
// var trace2 = {
254-
// x: [
255-
// ["LA Zoo", "LA Zoo", "LA Zoo"],
256-
// ["giraffes", "orangutans", "monkeys"],
257-
// ],
258-
// y: [12, 18, 29],
259-
// name: "LA Zoo",
260-
// // type: "bar",
261-
// };
262-
263-
var data = [trace1];
264-
var layout = {
265-
// showlegend: false,
266-
// xaxis: {
267-
// tickson: "boundaries",
268-
// ticklen: 15,
269-
// showdividers: true,
270-
// dividercolor: "grey",
271-
// dividerwidth: 2,
272-
// },
273-
};
158+
var data = [trace1, trace2];
274159

275160
Plotly.newPlot("tester", data);
276161
</script>

0 commit comments

Comments
 (0)