-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
269 lines (267 loc) · 11.3 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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<base target="_parent" />
<link rel="stylesheet" media="all" href="css/style.css" type="text/css" />
<title>Open Innovations Dashboard v1.0.1</title>
<meta name="description" content="We keep a record of how we are doing on our public dashboard.">
<meta name="keywords" content="dashboard,stats,summary">
<script type="text/javascript" src="js/dashboard.js"></script>
<script>
var panels = {
"events": {
"start": "YYYY-MM",
"end": "YYYY-MM",
"data": ["data/events_monthly.csv"],
"els": {
".number": { "col": "Events", "op": "sum", "animate": true },
".graph": { "col": "Events", "row": "all", "type": "graph" },
".lastupdated": { "col": "YYYY-MM", "row": "last" }
},
'class':'c12-bg'
},
"reach": {
"start": "YYYY-MM",
"end": "YYYY-MM",
"data": ["data/events_monthly.csv"],
"max":1000,
"els": {
".number": { "col": "People", "op": "sum", "animate": true },
".graph": { "col": "People", "row": "all", "type": "graph" },
".lastupdated": { "col": "YYYY-MM", "row": "last" }
},
'class':'c5-bg'
},
"sponsors": {
"start": "Date start",
"end": "Date end",
"data": ["data/sponsors.csv"],
"els": {
".number": { "col": "Index", "op": "count", "animate": true },
".icons": { "col": "Sponsor", "img": "logo", "url": "url", "row": "all", "type": "images" },
".lastupdated": { "col": "Date start", "row": "last" }
},
'class':'c8-bg'
},
"revenue": {
"start": "Date",
"end": "Date",
"data": ["data/revenue.csv"],
"units": "£",
"els": {
".number": { "col": "Amount (GBP)", "op": "sum", "animate": true },
".graph": { "col": "Amount (GBP)", "row": "all", "type": "graph" },
".lastupdated": { "col": "Date", "row": "last" }
},
'class':'c1-bg'
},
"partners": {
"start": "Date start",
"end": "Date end",
"data": ["data/partners.csv"],
"default": "2020",
"els": {
".number": { "col": "img", "op": "count", "animate": true },
".icons": { "col": "Name", "img": "img", "url": "url", "row": "all", "type": "images" },
".lastupdated": { "col": "Date start", "row": "last" }
},
'class':'c11-bg'
},
"projects": {
"start": "Date start",
"end": "Date end",
"max": 12,
"data": ["data/projects.csv"],
"els": {
".number": { "col": "Date start", "op": "count", "animate": true },
".list": { "col": "Projects", "url": "url", "row": "all", "type": "list" },
".lastupdated": { "col": "Date start", "row": "last" }
},
'class':'c14-bg'
},
"themes": {
"start": "Date start",
"end": "Date end",
"max": 12,
"data": ["data/themes.csv"],
"els": {
".number": { "col": "Date start", "op": "count", "animate": true },
".list": { "col": "Theme", "url": "url", "row": "all", "type": "list" },
".lastupdated": { "col": "Date start", "row": "last" }
},
'class':'c13-bg'
},
"blog": {
"start": "Date",
"end": "Date",
"max": 12,
"data": ["data/blog.csv"],
"els": {
".number": { "col": "Date", "op": "count", "animate": true },
".list": { "col": "Title", "url": "URL", "row": "all", "type": "list", "colour": "Class", "val": function(v){
return v['Title']+'<br />'+v['Date'].substr(0,10);
}},
".lastupdated": { "col": "Date", "row": "last", "val": function(v){ return v['Date'].substr(0,10); } }
},
'class':'c11-bg'
},
"social": {
"start": "Date",
"end": "Date",
"data": ["data/socials.csv"],
"columns":{'Socials':['Tweet Impressions','Facebook Impressions','LinkedIn Impressions','Youtube Views']},
"els": {
".number": { "col": "Socials", "op": "sum", "animate": true },
".graph": { "col": "Socials", "row": "all", "type": "graph" },
".lastupdated": { "col": "Date", "row": "last" }
},
"class":"c3-bg"
},
"web": {
"start": "Date",
"end": "Date",
"data": ["data/web-open-innovations.org.csv"],
"sort": true,
"max":62000,
"els": {
".number": { "col": "Visits", "op": "sum", "animate": true },
".graph": { "col": "Visits", "row": "all", "type": "graph" },
".lastupdated": { "col": "Date", "row": "last" }
},
'class':'c7-bg'
}
}
var db;
OI.ready(function(){
db = new OI.Dashboard();
db.setup({'year':'#range','config':panels});
});
</script>
<link rel="icon" href="https://open-innovations.org/resources/images/logos/oi-square-black.svg" />
</head>
<body class="b6-bg">
<a name="top"></a>
<div class="dashboard">
<div id="cover"></div>
<header class="b6-bg">
<h1><a href="https://open-innovations.org/"><img src="https://open-innovations.org/resources/images/logos/oi-square-black.svg" /></a> <select id="range" name="range"><option value="default">Dashboard</option><option value="lifetime">Lifetime impact</option><option value="2024">2024 impact</option><option value="2023">2023 impact</option><option value="2022">2022 impact</option><option value="2021">2021 impact</option><option value="2020">2020 impact</option><option value="2019">2019 impact</option><option value="2018">2018 impact</option><option value="2017">2017 impact</option><option value="2016">2016 impact</option><option value="2015">2015 impact</option><option value="2014">2014 impact</option></select></h1>
</header>
<ul class="panels">
<li id="events" tabindex="0">
<div class="box c12-bg">
<div class="panel">
<div class="title">Events</div>
<div class="number less"></div>
<p class="more">Number of events hosted at Open Innovations</p>
<div class="graph more"></div>
<div class="updated"><span class="updatelabel">Last updated: </span><a href="https://github.com/odileeds/dashboard/tree/gh-pages/data/events_monthly.csv" class="lastupdated">events data</a></div>
</div>
</div>
</li><li id="reach">
<div class="box c5-bg">
<div class="panel">
<div class="title">Event reach</div>
<div class="number less"></div>
<p class="more">Number of people at Open Innovations events</p>
<div class="graph more"></div>
<div class="updated"><span class="updatelabel">Last updated: </span><a href="https://github.com/odileeds/dashboard/tree/gh-pages/data/events_monthly.csv" class="lastupdated">events data by month</a></div>
</div>
</div>
</li><li id="sponsors">
<div class="box c8-bg">
<div class="panel sponsors">
<div class="title">Sponsors</div>
<p class="more">Thank you to the people who make it happen. Become a sponsor.</p>
<div class="number less"></div>
<div class="icons more"></div>
<div class="updated"><span class="updatelabel">Last updated: </span><a href="https://github.com/odileeds/dashboard/tree/gh-pages/data/sponsors.csv" class="lastupdated">table of sponsors</a></div>
</div>
</div>
</li><li id="revenue">
<div class="box c1-bg">
<div class="panel">
<div class="title">Revenue</div>
<p class="more">Open Innovations is a non-profit organisation. We receive no direct funding and operate using revenue from sponsorship, events and delivering projects.</p>
<div class="number less"></div>
<div class="graph more"></div>
<div class="updated"><span class="updatelabel">Last updated: </span><a href="https://github.com/odileeds/dashboard/tree/gh-pages/data/revenue.csv" class="lastupdated data">revenue table</a></div>
</div>
</div>
</li><!--<li id="partners">
<div class="box c11-bg">
<div class="panel partners">
<div class="title">Friends and Partners</div>
<p class="more">Organisations and individuals we share our workspace with or collaborate with to deliver projects.</p>
<div class="number less"></div>
<div class="icons more"></div>
<div class="updated"><span class="updatelabel">Last updated: </span><a href="https://github.com/odileeds/dashboard/tree/gh-pages/data/partners.csv" class="lastupdated data">data about our partners</a></div>
</div>
</div>
</li>--><li class="empty" id="blog">
<div class="box c11-bg">
<div class="panel blog">
<div class="title">Blog posts</div>
<p class="more">We publish all of our work openly on the web take a look here:</p>
<div class="number less"></div>
<div class="list more"></div>
<div class="updated"><span class="updatelabel">Last updated: </span><a href="https://github.com/odileeds/dashboard/tree/gh-pages/data/partners.csv" class="lastupdated">data abour our clients</a></div>
</div>
</div>
</li><li id="projects">
<div class="box c14-bg">
<div class="panel projects">
<div class="title">Open innovation <br class="less" />& data projects</div>
<p class="more">A selection of projects we've worked on using open data</p>
<div class="number less"></div>
<div class="list more"></div>
<div class="updated"><span class="updatelabel">Last updated: </span><a href="https://github.com/odileeds/dashboard/tree/gh-pages/data/projects.csv" class="lastupdated">a list of our projects</a></div>
</div>
</div>
</li><li class="empty" id="themes">
<div class="box c13-bg">
<div class="panel themes">
<div class="title">Themes</div>
<p class="more">In response to project requirements, feedback and work with sponsors, friends and clients we have the following themes:</p>
<div class="number less"></div>
<div class="list more"></div>
<div class="updated"><span class="updatelabel">Last updated: </span><a href="https://github.com/odileeds/dashboard/tree/gh-pages/data/partners.csv" class="lastupdated">data abour our clients</a></div>
</div>
</div>
</li><li id="social">
<div class="box c3-bg">
<div class="panel">
<div class="title">Social media impressions</div>
<p class="more">Impressions/views across social media. Source: X/Facebook/LinkedIn/YouTube Analytics</p>
<div class="number less"></div>
<div class="graph more"></div>
<div class="updated"><span class="updatelabel">Last updated: </span><a href="https://github.com/odileeds/dashboard/tree/gh-pages/data/socials.csv" class="lastupdated">twitter stats</a></div>
</div>
</div>
</li><li id="web">
<div class="box c7-bg">
<div class="panel">
<div class="title">Website visits</div>
<p class="more">Visits to <a href="https://open-innovations.org">open-innovations.org</a>. Source: Open Innovations weblogs</p>
<div class="number less"></div>
<div class="graph more"></div>
<div class="updated"><span class="updatelabel">Last updated: </span><a href="https://github.com/odileeds/dashboard/tree/gh-pages/data/web-open-innovations.org.csv" class="lastupdated">web log stats</a></div>
</div>
</div>
</li
><!--<li>
<div class="box c7-bg">
<div class="panel" style="background: url('http://i2.wp.com/leeds.odinodes.wpengine.com/wp-content/uploads/sites/7/2015/07/Yorkshire-Water-Data-Dive-event-at-Munro-House-Leeds..-001.jpg?resize=420%2C240') center center;background: url('bg.jpg') center center;background-size: cover;">
<div class="image"></div>
</div>
</div>
</li>-->
</ul>
</div>
<script src="https://open-innovations.org/resources/oi.log.js"></script>
<script>
OI.log.setup({'id':'open-innovations','target':['open-innovations.org','open-innovations.github.io','odileeds.org']}).add('action=view');
</script>
</body>
</html>