-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
168 lines (161 loc) · 8.52 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Plot</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/plotly.js/1.33.1/plotly-basic.min.js"></script>
</head>
<body>
<div id="tester" style="width:100%;height:100%;"></div>
<script>
var x_axis = [
1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12,
13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24,
25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36,
37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48,
49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60,
61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72,
73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84,
85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96,
97, 98, 99, 100
];
var trace1 = {
x: x_axis,
y: [
'0.2765', '0.0206', '0.0493', '0.0532', '0.0586', '0.0755',
'0.1010', '0.1475', '0.1348', '0.1632', '0.2035', '0.2290',
'0.2442', '0.2998', '0.8123', '0.3547', '0.4877', '0.2559',
'0.7044', '0.8239', '0.1375', '0.1364', '0.4249', '0.2165',
'0.2430', '0.2788', '0.2825', '0.2743', '0.2911', '0.7279',
'0.3806', '0.3843', '0.3346', '0.3323', '0.3723', '0.3393',
'0.3872', '0.4186', '0.4609', '0.4806', '0.4527', '0.4653',
'0.4987', '0.5504', '0.5862', '0.5646', '1.9029', '0.6372',
'0.6877', '1.7882', '0.8814', '0.7384', '0.8812', '0.8766',
'1.6338', '1.2494', '4.9528', '1.0292', '1.0476', '1.1170',
'1.1127', '1.0286', '1.2453', '1.2586', '1.6301', '3.4222',
'1.8326', '1.6611', '1.5233', '1.6160', '2.4013', '2.6827',
'1.6219', '1.8638', '2.1478', '3.7353', '2.7026', '2.0954',
'2.1688', '2.9589', '2.2881', '3.0561', '2.7168', '2.9348',
'2.8162', '2.9976', '3.0037', '7.5205', '3.0537', '3.5214',
'3.6800', '3.3219', '3.5478', '4.1420', '4.4491', '3.5584',
'8.3744', '9.6739', '4.2132', '9.9051'
],
mode: 'lines',
name: 'Recursive Backtracking'
};
var trace2 = {
x: x_axis,
y: [
'0.0612', '0.0953', '0.0334', '0.1946', '0.2875', '0.4419',
'1.0710', '1.0129', '1.1531', '1.4896', '3.1226', '3.5497',
'1.1197', '0.3157', '1.3660', '1.1842', '1.1331', '1.1814',
'1.8726', '2.8417', '1.7034', '1.9708', '4.0958', '3.0820',
'2.9570', '2.2041', '3.1656', '3.6322', '4.4067', '6.5927',
'5.2626', '10.1231', '4.1574', '6.9170', '4.2351', '5.1542',
'5.1071', '10.6314', '7.1534', '12.1380', '5.8715', '9.5613',
'8.7927', '11.7241', '9.1080', '8.1944', '16.4881', '25.2944',
'12.9393', '11.2907', '13.5760', '9.5569', '17.7686', '13.2088',
'24.4497', '28.2323', '30.6740', '25.1150', '17.1426', '23.9108',
'29.4078', '19.8628', '37.0687', '44.9300', '57.9302', '29.5866',
'39.9705', '43.1987', '42.1523', '44.9837', '31.1453', '26.4067',
'30.3995', '63.3740', '51.5874', '35.6102', '35.9012', '39.8331',
'35.0929', '60.9019', '55.2620', '68.4241', '44.0297', '59.6520',
'42.3275', '38.5880', '55.6633', '47.1362', '63.0474', '63.7473',
'68.2513', '52.5199', '78.4901', '68.0512', '79.8707', '88.1129',
'66.1702', '86.8021', '69.3495', '87.8054'
],
mode: 'lines',
name: 'Aldous Broder'
};
var trace3 = {
x: x_axis,
y: [
'0.1012', '0.0588', '0.0908', '0.0928', '1.6396', '0.3804',
'0.2573', '0.2917', '0.6837', '0.4864', '0.3078', '0.8887',
'0.3836', '0.7609', '0.3978', '0.6932', '0.3396', '0.6602',
'0.4914', '0.5747', '1.4035', '3.5857', '1.4404', '1.4625',
'1.8366', '3.0162', '1.8779', '2.4503', '2.3796', '4.5976',
'6.3342', '4.0888', '2.6433', '3.2588', '6.8866', '4.6650',
'4.0326', '4.4907', '6.7228', '5.3600', '5.1680', '6.1472',
'7.0258', '7.8013', '8.5454', '8.2150', '13.7831', '11.2763',
'12.5686', '10.7700', '17.3451', '13.5560', '21.1241', '17.1253',
'16.5714', '29.1807', '21.7527', '22.7543', '22.6684', '26.8222',
'33.4561', '25.2455', '50.4855', '48.0765', '35.3964', '34.5416',
'50.4853', '45.7302', '49.6517', '43.1765', '59.7298', '49.6521',
'63.7573', '59.1046', '62.9969', '72.8829', '60.4933', '78.2464',
'79.2565', '87.5173', '97.1765', '92.7061', '100.2894', '113.3150',
'101.3460', '98.1606', '139.5087', '101.9756', '128.0993', '128.3333',
'132.8382', '173.9242', '140.5571', '166.9899', '157.6910', '146.6620',
'171.0172', '159.5133', '193.2879', '223.0244'
],
mode: 'lines',
name: 'Wilson'
};
var trace4 = {
x: x_axis,
y: [
'0.1150', '0.0310', '0.0424', '0.0500', '0.0771', '0.0943',
'0.1269', '0.1155', '0.1436', '0.1856', '0.2112', '0.2420',
'0.2221', '0.2557', '0.3279', '0.3320', '0.3846', '0.2698',
'0.3219', '0.3180', '0.7506', '1.2202', '1.0927', '0.4244',
'0.3101', '0.5862', '0.9615', '0.3454', '0.3769', '0.4641',
'0.5669', '0.4204', '0.4132', '0.4366', '0.4318', '1.2501',
'0.5449', '0.5520', '0.5837', '0.5590', '0.5789', '0.6047',
'0.6447', '0.7228', '0.6945', '0.7910', '0.7752', '0.8107',
'0.9585', '0.8363', '1.0419', '0.9705', '0.9973', '1.8283',
'1.0851', '6.8858', '1.4080', '2.4250', '1.2933', '1.8409',
'1.3467', '1.9165', '1.4627', '1.9676', '5.0982', '1.7241',
'2.0395', '1.7498', '2.2473', '2.2769', '1.8828', '2.7765',
'2.2045', '2.6118', '9.3490', '2.7952', '2.5682', '2.6039',
'2.6630', '2.9553', '3.7825', '7.3371', '9.4985', '3.1723',
'3.1552', '3.1734', '3.3119', '3.4442', '7.7662', '10.1748',
'3.6350', '3.7945', '3.7780', '3.9173', '10.3274', '4.2143',
'4.1894', '4.3982', '4.4640', '11.6762'],
mode: 'lines',
name: 'Hunt and Kill'
};
var trace5 = {
x: x_axis,
y: [
'0.1074', '0.0323', '0.0451', '0.0523', '1.4021', '0.1051',
'0.1401', '0.1151', '0.1365', '0.1696', '0.1994', '0.2019',
'0.2655', '0.2684', '0.3039', '0.6912', '0.3289', '0.2797',
'0.2953', '0.3244', '0.8216', '0.4412', '0.8402', '0.4497',
'0.2496', '0.4670', '0.3295', '0.3164', '0.3063', '0.3643',
'0.4053', '1.0168', '0.6523', '0.6023', '0.7387', '0.5843',
'1.7179', '0.6817', '0.9126', '0.5646', '0.6177', '0.6750',
'0.6543', '0.7490', '0.7376', '1.5292', '0.9382', '0.9799',
'0.8290', '1.1027', '1.5439', '1.0387', '1.0268', '1.1414',
'1.2113', '5.5950', '1.1814', '1.4916', '1.9264', '1.2843',
'1.4645', '1.4657', '2.0423', '1.7889', '2.2115', '2.4336',
'5.4745', '8.4448', '2.0510', '3.0741', '2.6479', '2.4086',
'2.6830', '2.2692', '2.6005', '2.3922', '5.7538', '2.9966',
'2.9678', '2.8532', '5.2765', '8.0823', '8.6590', '4.4025',
'4.0738', '4.3067', '5.7173', '4.0710', '15.6436', '10.1177',
'4.5651', '4.5959', '3.8593', '11.8826', '4.1884', '4.5611',
'4.6812', '4.2550', '19.6457', '5.6211'
]
,
mode: 'lines',
name: 'Aldous and Wilson combined'
};
var data = [trace1, trace2, trace3, trace4, trace5];
var layout = {
title: 'Comparison of Maze generation time',
xaxis: {
title: 'Size of Maze',
showline: false,
showgrid: true
},
yaxis: {
title: 'Time taken in ms',
showline: false
}
};
// Plotly.newPlot('myDiv', data);
TESTER = document.getElementById('tester');
Plotly.newPlot(TESTER, data, layout);
</script>
</body>
</html>