Abstract: To respond to the national education digitalization strategy and the “AI +” action plan, this paper focuses on the marine carbonate system and presents the design and development of a virtual simulation experiment system constructed with multiple programming languages including HyperText Markup Language (HTML), Cascading Style Sheets (CSS) and JavaScript. The system consists of three experimental modules: “Total Alkalinity and Total Carbonate Content of Seawater”, “Buffer Capacity of Seawater” and “Calcium Carbonate Saturation”. Through human-computer interaction, data visualization and other functions, the platform provides an integrated virtual simulation experiment system featuring “data-model-interaction”. It can assist students in previewing experiments, familiarizing themselves with experimental procedures, acquiring intermediate data and obtaining experimental results, thus enabling immersive learning and experience of the experimental process. This effectively addresses the pain points in traditional experimental teaching such as restricted experimental conditions, insufficient class hours, inadequate student preparation, and excessively time-consuming data processing, and constructs a mixed teaching closed loop of “online preview-offline practice-online review”. This work provides a reference path for the digital transformation of marine chemistry experimental teaching and can be extended to high-risk and high-investment experimental teaching scenarios such as environmental science and geology.