How to visualize critical infrastructure Interdependency using PixiJS?

[Kayes]

I am trying to visualize cascading effect of natural hazard/disaster on interdependent critical infrastructures applying WebGL. Suppose I have two critical infrastructures- Water Distribution system and power generation system with geolocation (latitude/longitude). Due to flooding or Hurricane, some substations of power generation system may be damaged and as a consequence, some substations of water distribution system may stopped working due to the power outage/blackout. So, is it possible to create an interactive visualization displaying effect of flood/hurricane on the substations of power system and damage effect of power substations to the water substations using PixiJS? Please note that I need to visualize both systems on geographic map and cascading effect/failure of substations over time (maybe, using slider to show cascading failure per minute/hour in a 24 hours day). Attached is an image showing both intradependency in a critical infrastructure and interdependency between 5 critical infrastructures. Any related PixiJS example of web visualization with real/fake data will be highly appreciated. Thank you.

Edited June 29, 2017 by Kayes
For extended clarification

[ivan.popelyshev]

People use leaflet/mapbox with pixi. It also depends whether you do want it to be shown correctly without artifacts on iOS, there are some tricks.

Cant give any data visualisations though, as you understand, most of those projects are business-related and aren't published in the open.

[Kayes]

23 hours ago, ivan.popelyshev said:

Can you please show me a small related PixiJS web project with some fake data so that I can get hints?