The research and application of power system visualization based on HTML5

This paper explores web-based visualization technology of power system and proposes a solution to transform the architecture of dispatch system visualization from conventional Client/Server (C/S) to Browser/Server (B/S) by developing two-dimensional (2D) and three-dimensional (3D) graphic method within HTML5 framework. As Scalable Vector Graphics (SVG), the major graphic format used in power system, can be parsed by most popular HTML5 compatible web browsers, it should also be loaded as the texture of base map in visualization scene on the web pages. Moreover, geometric graphics which represent the data in power system, such as cylinder, cone and cable, can be displayed directly on the base map by calling the Canvas 2D graphics rendering method included in the HTML5. The SVG and the graphics mentioned above can be updated with run-time state data for the interactive function through the Ajax technology. The paper also describes the method of the bus voltage visualization based on HTML5, and therefore verifies the feasibility of the web-based solution for power system with zero plug-ins.