This gets a little complicated, but I'm trying to create a timeline graph, similar to the one shown here:
http://bl.ocks.org/bunkat/2338034
The hiccup comes in with my data. I've got 3 different feeds that take data from 7 different sensors. Some sensors may send a response at the same time as other sensors, so the overlaps are causing some issues with my current code.
essentially, I want to show something like this:
my data looks something like this:
[
{
"ID": "run0001",
"data": [
{"Time": 760 , "EndTime": 780, "Feed": "Feed-1" , "FeedName": "SensorA", "lane":0},
{"Time": 780 , "EndTime": 800 , "Feed": "Feed-1" , "FeedName": "SensorA", "lane":0},
{"Time": 780 , "EndTime": 800 , "Feed": "Feed-1" , "FeedName": "SensorB", "lane":0},
{"Time": 800 , "EndTime": 820 , "Feed": "Feed-1" , "FeedName": "SensorA", "lane":0},
{"Time": 800 , "EndTime": 820 , "Feed": "Feed-1" , "FeedName": "SensorB", "lane":0},
{"Time": 800 , "EndTime": 820 , "Feed": "Feed-1" , "FeedName": "SensorB", "lane":0},
{"Time": 820 , "EndTime": 840 , "Feed": "Feed-1" , "FeedName": "SensorA", "lane":0},
{"Time": 820 , "EndTime": 840 , "Feed": "Feed-1" , "FeedName": "SensorB", "lane":0},
{"Time": 820 , "EndTime": 840 , "Feed": "Feed-1" , "FeedName": "SensorD", "lane":0},
{"Time": 820 , "EndTime": 840 , "Feed": "Feed-1" , "FeedName": "SensorB", "lane":0},
{"Time": 760 , "EndTime": 780 , "Feed": "Feed-2" , "FeedName": "SensorB", "lane":1},
{"Time": 780 , "EndTime": 800 , "Feed": "Feed-2" , "FeedName": "SensorB", "lane":1},
{"Time": 780 , "EndTime": 800 , "Feed": "Feed-2" , "FeedName": "SensorB", "lane":1},
{"Time": 800 , "EndTime": 820 , "Feed": "Feed-2" , "FeedName": "SensorB", "lane":1},
{"Time": 800 , "EndTime": 820 , "Feed": "Feed-2" , "FeedName": "SensorB", "lane":1},
{"Time": 800 , "EndTime": 820 , "Feed": "Feed-2" , "FeedName": "SensorB", "lane":1},
{"Time": 820 , "EndTime": 840 , "Feed": "Feed-2" , "FeedName": "SensorA", "lane":1},
{"Time": 820 , "EndTime": 840 , "Feed": "Feed-2" , "FeedName": "SensorA", "lane":1},
{"Time": 820 , "EndTime": 840 , "Feed": "Feed-2" , "FeedName": "SensorA", "lane":1},
{"Time": 820 , "EndTime": 840 , "Feed": "Feed-2" , "FeedName": "SensorA", "lane":1},
{"Time": 760 , "EndTime": 780 , "Feed": "Feed-3" , "FeedName": "SensorC", "lane":2},
{"Time": 780 , "EndTime": 800 , "Feed": "Feed-3" , "FeedName": "SensorC", "lane":2},
{"Time": 780 , "EndTime": 800 , "Feed": "Feed-3" , "FeedName": "SensorC", "lane":2},
{"Time": 800 , "EndTime": 820 , "Feed": "Feed-3" , "FeedName": "SensorF", "lane":2},
{"Time": 800 , "EndTime": 820 , "Feed": "Feed-3" , "FeedName": "SensorF", "lane":2},
{"Time": 800 , "EndTime": 820 , "Feed": "Feed-3" , "FeedName": "SensorF", "lane":2},
{"Time": 820 , "EndTime": 840 , "Feed": "Feed-3" , "FeedName": "SensorG", "lane":2}
]
}
]
Any thoughts on how I would handle this?
Feed
,FeedName
, andlane
fields make a unique "key" -- take a look at using thed3.nest
function to combine them, and aggregate any overlapping time ranges...