Custom Timeline - Large Dataset - Realtime

Hi All, Thanks for looking over this project. I'm looking for someone to create a custom timeline. The size of the data in the chart is huge. See the attached working example screenshot. Currently I am updating the chart every 1 second with all data (around 30,000 data rows). The data is delivered over signalr in json format. The chart in the image is using d3. But I want to change the way the chart works to reduce the transmission / render times. Every time the chart updates at the moment it adds a slight delay to other signalr data. I think it may be better suited in a custom solution using Canvas.. Along the lines of... 1. Page Loads. Fetches Current Up to Date Dataset from SignalR. Draws Canvas Timeline. 2. Every 1 Second The Service Will Send an Update Dataset. 3. In the Update Dataset it will have.. What to remove from beginning (Ids), What needs updating at the beginning(From Date Adjusted). And what needs appending to the end. Each data row has a unique id which can be used for identification. Data Example : FromDateTime, ToDateTime, Color, Id, Label (if red else null), IdOfRelatedStop (if red else null). There will also be some visual design changes. The label currently is within the bars. I would like this in a tooltip style bubble. With a click event which will use the IdOfRelatedStop. Also maybe Zoomable as some colors are < .25 second. Example data can be provided. Currently I'm using 3 hours data to display. If it can support more then great. Thanks for looking. Any questions then add into your bid and I will message. I will only take notice of legitimate not automated looking bids.