-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
66 lines (55 loc) · 3.11 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
<!DOCTYPE html>
<html>
<head><!-- {{{ -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>opening_hours statistics</title>
<link rel="icon" type="image/png" href="/favicon.png">
<link href="css/common.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.flot.js"></script>
<script type="text/javascript" src="js/jquery.flot.time.js"></script>
<script type="text/javascript" src="js/jquery.flot.selection.js"></script>
<script type="text/javascript" src="js/d3.v3.min.js"></script>
<script type="text/javascript" src="js/simply-toast.min.js"></script>
<script type="text/javascript" src="js/own.stats.js"></script>
</head><!-- }}} -->
<body><!-- {{{ -->
<a href="https://github.com/ypid/opening_hours-statistics"><img style="position: absolute; top: 0; right: 0; border: 0;" src="img/fork_me_on_github.png" alt="Fork me on GitHub"></a>
<h1 class="header">opening_hours statistics</h1>
<noscript><div class="content"><p>You don‘t have JavaScript enabled and that is a good thing but this tool makes heavy use of JavaScript so you need to enable it in order to use this tool. If you don’t trust the code that is going to be executed that is good as well. I encourage you to read all the source code on <a href="https://github.com/opening-hours/opening_hours.js">GitHub</a>. Also note that every commit and all releases are covered by OpenPGP signatures. You might want to check those out as well :) Stay safe.</p></div></noscript>
<select id="boundary_selector"></select>
<h2 class="heading stat-punchcard">How many amenities are open for a given time?</h2>
<div class="content">
<div id="chart"></div>
<p class="text">
Shows the percentage of open amenities (based on all <a href="https://wiki.openstreetmap.org/wiki/Key:opening_hours">opening_hours in OSM</a>) for a given time of the week. For more information, check out the <a href="https://www.openstreetmap.org/user/ypid/diary/34881">Blog entry by ypid</a>.
</p>
</div>
<h2 class="heading">What is in the database?</h2>
<div id="osm_db_over_time" class="content">
<div class="demo-container">
<div id="detailed_view" class="demo-placeholder" style="float:left; width:70%;"></div>
<div class="choices_and_legend" style="float:right; width: 25%">
<div class="choices">
<!-- <select id="boundary_selector"></select> -->
<select id="tag_selector"></select>
<div id="choices"></div>
</div>
<div id='legend'></div>
</div>
</div>
<div class="demo-container" style="height:150px;">
<div id="overview" class="demo-placeholder"></div>
</div>
<p class="text">
The purpose of this statistic is to show the data quality and growth over time. For more information, check out the <a href="https://www.openstreetmap.org/user/ypid/diary/23881">Blog entry by ypid</a>.
</p>
</div>
<div class="end">
For the internals check out the <a href="https://github.com/ypid/opening_hours-statistics">README on GitHub</a>.
</div>
<div class="footer">
opening_hours statistics by Robin `ypid` Schneider
</div>
</body><!-- }}} -->
</html>