Large-Scale Oceanic Dynamic Field Visualization Based on WebGL

The dynamic visualization of ocean dynamics data is essential for effectively presenting oceanic information data. However, with the increasing spatial resolution of ocean remote sensing data, performing global-scale visualization in a single pass has become challenging. Directly rendering ocean data with high spatial resolution can result in problems such as increased communication time, blocked resource loading, and page lag. To address this issue, this paper proposes a common ocean data standard based on the characteristics of massive ocean element data, constructs an efficient three-level LOD model for ocean dynamic field rendering, and achieves particle rendering of ocean dynamic data by converting ocean data into image slices to complete the rendering of high-volume ocean data on the Web side. Compared with traditional methods, the proposed method significantly improves rendering performance. The average window construction time (FT) is reduced to 51.77ms, enhancing the overall rendering speed by approximately 64%. Meanwhile, the average frames per second (FPS) increase to 57.45fps, augmenting rendering stability and smoothness by around 18%. The peak memory consumption of the highest resolution data used in this paper is about 90MB, which is only 1/4 of the original. The proposed method effectively compensates for the disadvantage of slow rendering of large-scale ocean data visualization in some systems, enabling fast rendering of dynamic ocean data on the Web.