Skip to content

Instantly share code, notes, and snippets.

@aliou

aliou/_Readme.md

Last active December 10, 2015 01:38
Show Gist options
  • Save aliou/4360804 to your computer and use it in GitHub Desktop.
Save aliou/4360804 to your computer and use it in GitHub Desktop.
Download ZIP
October 2012.
Raw
_Readme.md

Nikefuel data for october 2012.

Raw
data.json
[
{
"date": 1349049600,
"points": [
1,
2,
0,
4,
1,
0,
110,
256,
204,
61,
43,
25,
73,
90,
62,
38,
44,
46,
158,
156,
297,
82,
43,
7
]
},
{
"date": 1349136000,
"points": [
3,
0,
1,
0,
2,
23,
23,
220,
44,
30,
30,
49,
74,
298,
68,
67,
64,
146,
125,
119,
83,
318,
67,
26
]
},
{
"date": 1349222400,
"points": [
1,
0,
2,
0,
22,
0,
172,
419,
38,
50,
51,
47,
162,
283,
36,
90,
83,
39,
82,
325,
482,
265,
27,
108
]
},
{
"date": 1349308800,
"points": [
531,
12,
0,
0,
8,
2,
25,
261,
44,
34,
32,
45,
437,
282,
33,
102,
30,
525,
157,
159,
173,
119,
182,
492
]
},
{
"date": 1349395200,
"points": [
16,
0,
0,
0,
23,
11,
201,
259,
27,
25,
86,
89,
489,
359,
32,
30,
79,
56,
54,
529,
164,
580,
111,
164
]
},
{
"date": 1349481600,
"points": [
530,
38,
5,
0,
1,
0,
28,
74,
425,
210,
14,
25,
634,
275,
93,
85,
293,
395,
51,
9,
51,
51,
19,
1
]
},
{
"date": 1349568000,
"points": [
1,
2,
0,
1,
0,
12,
35,
17,
31,
236,
186,
199,
502,
45,
39,
54,
234,
785,
127,
33,
94,
24,
27,
30
]
},
{
"date": 1349654400,
"points": [
4,
1,
4,
6,
1,
1,
103,
349,
59,
38,
88,
73,
486,
301,
117,
68,
64,
133,
391,
424,
81,
117,
12,
1
]
},
{
"date": 1349740800,
"points": [
31,
3,
3,
0,
2,
9,
140,
322,
41,
36,
44,
140,
464,
228,
67,
61,
32,
97,
35,
81,
356,
318,
20,
15
]
},
{
"date": 1349827200,
"points": [
4,
2,
0,
25,
18,
19,
193,
294,
25,
53,
33,
35,
110,
308,
43,
65,
39,
30,
346,
56,
93,
0,
0,
0
]
},
{
"date": 1349913600,
"points": [
1,
0,
0,
0,
4,
4,
51,
242,
46,
22,
73,
81,
484,
271,
39,
78,
65,
29,
598,
53,
23,
103,
32,
21
]
},
{
"date": 1350000000,
"points": [
6,
0,
1,
0,
1,
13,
187,
289,
44,
45,
106,
86,
501,
240,
6,
81,
66,
26,
526,
50,
56,
78,
37,
56
]
},
{
"date": 1350086400,
"points": [
4,
0,
0,
36,
14,
1,
3,
29,
176,
253,
16,
25,
543,
253,
91,
28,
62,
53,
64,
45,
52,
529,
132,
11
]
},
{
"date": 1350172800,
"points": [
7,
7,
2,
1,
0,
13,
43,
59,
218,
170,
115,
176,
241,
148,
171,
202,
231,
90,
156,
69,
135,
16,
112,
72
]
},
{
"date": 1350259200,
"points": [
51,
5,
0,
0,
3,
0,
11,
48,
39,
7,
122,
27,
60,
18,
42,
73,
359,
63,
38,
23,
151,
12,
32,
25
]
},
{
"date": 1350345600,
"points": [
0,
1,
1,
0,
6,
0,
1,
2,
34,
48,
53,
56,
23,
91,
10,
15,
10,
73,
8,
29,
138,
40,
13,
16
]
},
{
"date": 1350432000,
"points": [
6,
1,
2,
0,
1,
17,
6,
1,
0,
0,
13,
11,
109,
19,
24,
21,
51,
30,
51,
350,
179,
80,
336,
131
]
},
{
"date": 1350518400,
"points": [
42,
8,
0,
1,
1,
11,
52,
34,
6,
2,
137,
81,
369,
15,
357,
285,
56,
26,
35,
18,
119,
17,
17,
18
]
},
{
"date": 1350604800,
"points": [
0,
1,
14,
45,
10,
1,
2,
4,
17,
33,
19,
20,
29,
67,
17,
57,
263,
401,
15,
606,
64,
81,
35,
5
]
},
{
"date": 1350691200,
"points": [
0,
0,
1,
15,
25,
21,
0,
3,
30,
22,
105,
28,
28,
29,
100,
561,
20,
132,
450,
48,
2,
34,
93,
26
]
},
{
"date": 1350777600,
"points": [
21,
0,
0,
3,
2,
1,
30,
31,
33,
18,
2,
15,
73,
45,
27,
10,
55,
14,
18,
40,
136,
42,
24,
12
]
},
{
"date": 1350864000,
"points": [
29,
1,
0,
2,
1,
2,
191,
575,
29,
24,
95,
37,
516,
568,
81,
65,
56,
42,
73,
47,
488,
178,
39,
25
]
},
{
"date": 1350950400,
"points": [
8,
1,
2,
13,
31,
30,
195,
510,
27,
45,
59,
39,
466,
619,
23,
105,
56,
64,
21,
25,
219,
407,
71,
26
]
},
{
"date": 1351036800,
"points": [
4,
0,
1,
0,
0,
2,
63,
314,
30,
27,
64,
130,
488,
209,
85,
65,
23,
76,
14,
55,
332,
324,
39,
21
]
},
{
"date": 1351123200,
"points": [
40,
19,
3,
0,
0,
0,
218,
521,
30,
41,
32,
87,
503,
480,
11,
64,
69,
93,
158,
371,
126,
25,
6,
6
]
},
{
"date": 1351209600,
"points": [
9,
0,
1,
0,
12,
40,
197,
509,
16,
24,
17,
25,
448,
223,
17,
42,
77,
43,
509,
65,
26,
33,
26,
29
]
},
{
"date": 1351296000,
"points": [
12,
0,
0,
0,
0,
0,
3,
23,
603,
80,
8,
12,
14,
17,
11,
528,
33,
257,
72,
18,
42,
44,
95,
29
]
},
{
"date": 1351382400,
"points": [
79,
495,
133,
0,
0,
0,
38,
174,
216,
79,
181,
15,
23,
62,
25,
132,
550,
108,
46,
31,
148,
57,
30,
1
]
},
{
"date": 1351468800,
"points": [
10,
0,
18,
33,
15,
9,
18,
55,
130,
541,
286,
32,
269,
290,
80,
1037,
1260,
288,
157,
153,
296,
5,
177,
177
]
},
{
"date": 1351555200,
"points": [
0,
1,
0,
4,
2,
20,
49,
221,
348,
143,
25,
83,
238,
150,
144,
24,
67,
121,
215,
10,
219,
74,
245,
70
]
},
{
"date": 1351641600,
"points": [
2,
0,
0,
3,
7,
36,
58,
357,
163,
37,
80,
248,
250,
36,
72,
35,
296,
43,
31,
100,
272,
13,
327,
25
]
}
]
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Sleep</title>
<style>
.chart rect {
fill: steelblue;
stroke: white;
}
</style>
</head>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src='vis.js'></script>
</body>
</html>
Raw
vis.js
var t = 1297110663, // start time (seconds since epoch)
v = 70, // start value (subscribers)
data = [{time: 0, value: 10}, {value :11}, {value: 12}];
data = d3.range(33).map(next); // starting dataset
function next() {
return {
time: ++t,
value: v = ~~Math.max(10, Math.min(90, v + 10 * (Math.random() - .5)))
};
}
var w = 20,
h = 80;
var x = d3.scale.linear()
.domain([0, 1])
.range([0, w]);
var y = d3.scale.linear()
.domain([0, 100])
.rangeRound([0, h]);
var chart = d3.select("body").append("svg")
.attr("class", "chart")
.attr("width", w * data.length - 1)
.attr("height", h);
chart.selectAll("rect")
.data(data)
.enter().append("rect")
.attr("x", function(d, i) { return x(i) - .5; })
.attr("y", function (d) { return h - y(d.value) - .5; })
.attr("width", w)
.attr("height", function (d) { return y(d.value); });
chart.append("line")
.attr("x1", 0)
.attr("x2", w * data.length)
.attr("x1", h - .5)
.attr("x2", h - .5)
.style("stroke", "#000");
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment