Power system model editor in browser !

WebGL makes it possible to present and edit rich content directly in the browser with no plugins. Almost all hardware platforms, including mobile, support 3D graphics with OpenGL. Generally, it is used for games, but not exclusively. Although one line power system network diagrams are 2D, their presentation can be greatly enhanced with 3D acceleration. OpenGL offers many features for high framerate editing, including shaders and stencils. The system can be applied not only to power system models but any models with a block-diagram paradigm, such as Simulink-style.

Support for WebGL is implemented with the Three.js library. The frontend UI uses React. Data exchange relies on REST/json. The backend uses WebSocket for browser notifications on model changes. The backend is based on Django and its extensions: the Django REST framework and Django Channels.

Backend model object level support is implemented with the C++ core to improve responsiveness. The core processes all the data exchange between server and browser and ensures sync even in the case of link drops and session aborts. All graph transformations are server-side. There is unlimited undo history, even between sessions. Backed relies on gRPC for internal data exchange between Django and the native C++ core. The data storage layer is based purely on Django ORM. The following figure shows service interaction.

An online demo is available with the RastrWin 195-bus network model available here. A technology video review is available.