There are limitations to traditional visualization solutions regarding real-time 3D visualization of time-varying and large-volume 3D gridded oceanographic data in a web environment. We adopted the open-source visualization technologies to implement a browser-based 3D visualization framework. The developed 3D visualization interfaces provide users 3DGIS experiences on a virtual globe and simultaneously provide efficient 3D volume rendering and enriched interactive volume analysis. Our experiments suggest that the well-designed Cesium and Plotly.js API allow researchers to easily establish 3D visualization applications while avoiding the requirements of intensive programming and computations. The case study conducted shows that the proposed methods is a feasible alternative web-based 3D visualization solution, which provides a faster rendering speed, high visual effects and on-the-fly 3D visualization of oceanographic data. Due to its open-source architecture and the simplicity of the adopted technologies, the visualization framework can be easily customized to visualize other scientific data with few modifications.

对于Web环境中随时间变化的3D网格化海洋数据的实时3D可视化，传统的可视化解决方案存在局限性。我们采用了开源可视化技术来实现基于浏览器的3D可视化框架。开发的3D可视化界面为用户提供了虚拟地球仪上的3DGIS体验，并同时提供了有效的3D体绘制和丰富的交互式体分析。我们的实验表明，精心设计的Cesium和Plotly.js API可让研究人员轻松建立3D可视化应用程序，同时避免了密集的编程和计算需求。进行的案例研究表明，所提出的方法是一种可行的替代基于Web的3D可视化解决方案，它提供了更快的渲染速度，高视觉效果以及海洋数据的实时3D可视化。由于其开放源代码架构和所采用技术的简单性，可视化框架可以轻松定制以可视化其他科学数据，而无需进行任何修改。