-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
82 lines (73 loc) · 2.78 KB
/
demo.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
<!--
@license
Copyright (c) 2014 Thelma Project Authors. All rights reserved.
This code may only be used under the MIT license found at http://thelmanews.github.io/LICENSE.txt
The complete set of authors may be found at http://thelmanews.github.io//AUTHORS.txt
The complete set of contributors may be found at http://thelmanews.github.io/CONTRIBUTORS.txt
-->
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
<title>th-connector Demo</title>
<script src="../platform/platform.js"></script>
<link rel="import" href="th-connector.html">
<link rel="import" href="../th-geocoder-firebase/th-geocoder-firebase.html">
<link rel="import" href="../th-csv/th-csv.html">
<link rel="import" href="../th-enigma/th-enigma.html">
<link rel="import" href="../th-google-map/th-google-map.html">
<link rel="import" href="../th-map-us/th-map-us.html">
<link rel="import" href="../th-table-data/th-table-data.html">
<link rel="import" href="../th-array-function/th-array-function.html">
<link rel="import" href="../th-n-bar-chart/th-n-bar-chart.html">
<link rel="import" href="../th-mapbox/th-mapbox.html">
<link rel="import" href="../th-chart-data-filter/th-chart-data-filter.html">
</head>
<style type="text/css">
h1 {
margin: 10px;
text-align: center;
color: #5E5E5E;
font-family: 'proxima-nova', sans-serif;
}
p {
margin-left: 30px;
}
a, a:visited {
color: #2fa3af;
text-decoration: none;
}
div {
background-color:#FAFAFA;
padding: 5px;
}
body {
font-family: 'proxima-nova', sans-serif;
color: #5E5E5E;
margin: 0;
}
</style>
<body unresolved>
<h1>Lenses Demo</h1>
<div>
<p>
<strong>Data sets:</strong>
<br>
<a href="http://en.wikipedia.org/wiki/List_of_Berlin_Wall_segments" target="_blank"> Data on Berlin Wall segments</a>
<br>
<a href="http://graphics.wsj.com/homeprice/" target="_blank"> WSJ Data on Home Prices</a>
</p>
</div>
<div>
<th-connector animateOnInit="true">
<th-table-data></th-table-data>
<th-array-function style="min-width: 150px"></th-array-function>
<th-geocoder-firebase firebaseLocation="https://sweltering-fire-3844.firebaseio.com/" style="min-width: 150px"></th-geocoder-firebase>
<th-chart-data-filter style="min-width: 150px"></th-chart-data-filter>
<th-google-map fitToMarkers width="375" height="400"> </th-google-map>
<th-mapbox width="375" height="400" accessToken="pk.eyJ1IjoidGhlbG1hIiwiYSI6Ikd3RUlsTTQifQ.i6bojdSBKd6JHENLKsRjTA" mapId="examples.map-i87786ca" geolocation="false" showSwipeBar="false" ></th-mapbox>
<th-n-bar-chart chartHeight="400" chartWidth="375" animateOnInit="true"></th-n-bar-chart>
</th-connector>
</div>
</body>
</html>