Interact with Timeseries Data on a Geographic Vector Map
Data source: http://www.gasunietransportservices.nl/transportinformatie/dataport
Mapping data: http://www.naturalearthdata.com/
I've build this for demo purposes at work. We work with a lot of energy related data and this was my ideal way of visualizing and accessing real-time data coming into the system.
- Modular design using Paper.js and JQuery and Moment.js
- Easy to understand and customize
- Stand-alone for demo's and own projects!
Next to libraries i've used for this project, I also referenced some of the math from others that I use in my algorithms. Please see the code for full references.
Just clone the whole repository locally and open index.html!
Try these things:
- Zoom in and out using your mouse-wheel
- Click on any bubble with your mouse
- Press space to loop through time
- Hover the appearing barchart to relocate in time
- Search any timeseries using the searchbox
Here is a animation showing GeoDataMap:
