1.0.17 • Published 10 years ago
coconut-graph v1.0.17
coconut-graph
Quick and dirty reusable timeseries graphs with d3, developed to visualize usage.
Currently supports line, bar, scatter.
Depends heavily on JSON structure used in the coconut wepapp:
{
"meta": {
"period": "day",
"urls": {
"next": "<url to get json for the next day>",
"previous": "<url to get json for previous day>"
},
"readable_interval": "15 minuten"
},
"data": {
"keys": ["timestamp", "amount"],
"extents": ["2015-05-29T00:00:00", "2015-05-29T23:59:59"],
"values": [
["2015-05-29T14:00:00", 50],
["2015-05-29T14:15:00", 0],
["2015-05-29T14:30:00", 5],
["2015-05-29T15:00:00", 6]
],
"slices": 96
}
}
var Loader = require('coconut-graph').Loader;
var url = '/graph-data.json'; // url to above json
var graph = new Loader(url, {
graphs: [{
container: 'container',
plot: { type: 'bar', key: 'amount', label: 'verbruik [l]'}
}]
});
// Loads the data for the next day, url defined in meta.urls
graph.load_url('next');
// previous day
graph.load_url('previous');
1.0.17
10 years ago
1.0.16
10 years ago
1.0.15
10 years ago
1.0.14
10 years ago
1.0.13
10 years ago
1.0.12
10 years ago
1.0.11
10 years ago
1.0.10
10 years ago
1.0.9
10 years ago
1.0.8
10 years ago
1.0.7
10 years ago
1.0.6
10 years ago
1.0.5
10 years ago
1.0.4
10 years ago
1.0.3
10 years ago
1.0.2
10 years ago
1.0.1
10 years ago
1.0.0
10 years ago