With the expansion of power grid construction and the promotion of the digital economy, the digitization and intelligence of power grids have become increasingly urgent needs for the development of the power industry. In this paper, a power grid digital twin system is designed and developed. The system combines Vue framework technology with the power system electromagnetic simulation software PSCAD. Firstly, it obtains simulation results such as the flow distribution of the grid based on the PSCAD software. Then, Python scripts are used to read and format the simulation results from PSCAD. Finally, a visualization platform is developed based on Vue framework technology to intuitively display the simulation results of PSCAD by reading the formatted data, enabling the simulation and presentation of the power grid state. The developed visualization platform utilizes Koa2 to build the server and adopts a front-end and back-end separation development model. The front-end system is developed using the DataV component library and the UI framework Element UI, while the back-end system is implemented using the HTTP module of Node.js.