With the wide application of higher-precision meteorological grid data in meteorological operations, the demand for using high-precision grid data to provide refined meteorological services for the public is growing. Due to the large data file of the meteorological grid, the rendering efficiency over time is slow on the front-end network page. In order to solve this problem, a visualization scheme based on the tile pyramid model for fast transmission and rendering of grid data is proposed. This scheme involves tile cutting, data compression, data interpolation and rendering, and realizes the dynamic visualization process of meteorological grid data under the B/S framework based on HTML5. The China 1km multi-source gridded products are used to complete the research relying on the WeChat mini program. The experimental results show that the visualization display efficiency of 100 megabyte meteorological grid data is improved to the second level or even millisecond level. The solution of this system can be applied well in all kinds of spatial grid data based on the browser.