-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtemplate.html
39 lines (36 loc) · 1.35 KB
/
template.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
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset="UTF-8">
<title>[/] Stats</title>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css' rel='stylesheet' type='text/css'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/metrics-graphics/2.15.6/metricsgraphics.min.css' rel='stylesheet' type='text/css'>
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/metrics-graphics/2.15.6/metricsgraphics.js'></script>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
d3.json('[-].json', function(data) {
for (var i = 0; i < data.length; i++) {
data[i] = MG.convert.date(data[i], 'date');
}
MG.data_graphic({
title: "[/] Download Stats",
data: data,
width: 1200,
height: 400,
target: '#[-]',
legend: ['Firefox','Chrome','Total'],
});
})
});
</script>
</head>
<body>
<div class='container'>
<center>
<div id='[-]'></div>
</center>
</div>
</body>
</html>