function fake_data(length, seconds) {
var d = new Date();
var v = 100000;
var data=[];
for (var i = 0; i < length; i++) {
v += (Math.random() - 0.5) * 10000;
data.push({date: MG.clone(d), value: v});
d = new Date(d.getTime() + seconds * 1000);
}
return data;
}
function fake_days(length) {
var d = new Date();
var v = 100000;
var data = [];
for (var i = 0; i < length; i++) {
v += (Math.random() - 0.5) * 10000;
if (v < 0) v = 0;
data.push({date: MG.clone(d), value: v});
d.setDate(d.getDate() + 1);
}
return data;
}
function fake_years(length) {
var y = 2015;
var d = new Date(y,0,1);
out = [];
v = 100000;
for (var i = 0; i < length; i++) {
v += (Math.random()-.5) * 10000;
out.push({value:v, date: MG.clone(d)});
y -=1;
d = new Date(y,0,1);
}
out.reverse();
return out;
}
var less_than_a_minute = fake_data(25, 1);
var less_than_a_day = fake_data(25,60 * 20);
var a_few_days = fake_data(75,60 * 60);
var many_days = fake_days(60);
var many_many_many_days = fake_days(365*2);
MG.data_graphic({
title: "European Clock",
description: 'By setting european_clock to true, you can default to European-style time. This is at the moment experimental, and the formatting may change.',
data: less_than_a_minute,
target: '#european',
european_clock: true,
width: 600,
height: 200,
right: 40
});
MG.data_graphic({
title: "Less Than A Minute",
data: less_than_a_minute,
target: '#time1',
width: 600,
height: 200,
right: 40
});
MG.data_graphic({
title: "Less Than A Day",
data: less_than_a_day,
target: '#time2',
width: 600,
height: 200,
right: 40
});
MG.data_graphic({
title: "A Few Days",
data: a_few_days,
target: '#time3',
width: 600,
height: 200,
right: 40
});
MG.data_graphic({
title: "Over A Large Span of Days",
data: many_days,
target: '#time4',
width: 600,
height: 200,
right: 40
});
MG.data_graphic({
title: "Over Many Months",
data: many_many_many_days,
target: '#many-months',
width: 600,
height: 200,
right: 40
});
d3.csv('data/evictions-sf.csv', function(data) {
data = MG.convert.date(data, 'date');
data = data.map(function(d){
d.value = d.value * 10000;
return d;
})
MG.data_graphic({
title: "A Few Years",
data: data,
target: '#years',
width: 600,
height: 200,
right: 40
});
})
d3.csv('data/crude-oil.csv', function(data) {
data = MG.convert.date(data, 'date');
data = MG.convert.number(data, 'price');
MG.data_graphic({
title: "Over Decades",
data: data,
target: '#decades',
y_accessor: 'price',
yax_units: '$',
width: 600,
height: 200,
right: 40
});
})
MG.data_graphic({
title: "Over Centuries",
data: fake_years(300),
target: '#centuries',
width: 600,
height: 200,
right: 40
});