Abstract: In view of the difficulty in displaying the wind field quickly and visually on the Web, a Web-based 3D dynamic wind field visualization design and simulation method was proposed. Firstly, in order to solve the problem that wind field data is difficult to obtain and inconvenient to deal with, the process of wind field data acquisition, conversion, and application was given. Secondly, a method was designed to use Web Worker multi-threading technology to calculate and generate streamlines in parallel to reduce the generation time of wind field streamline tracing and improve the efficiency of streamline generation. Thirdly, combined with color mapping technology, a method to dynamically modify the streamline’s Alpha color channel to characterize the wind field movement was designed. Finally, the WebGL-based visualization engine Cesium was extended to perform the three-dimensional visualization rendering of the wind field, which can directly demonstrate the wind field. The results show that this method not only improves the efficiency of wind field visualization simulation on the Web, but also helps mitigating windstorm disaster.

Key words: wind field visualization, streamlines, color mapping, windstorm disaster mitigation