Urban design is a complex and iterative process that requires the involvement of multi-participation. Traditional digital tools that use generative algorithms have helped designers rapidly construct three-dimensional urban models. Yet, the lack of engagement from key stakeholders such as government entities, businesses, and the public has led to significant information gaps within the design process. This has consequently hindered the enhancement of modeling efficiency within practical urban design projects. With the development of web-based 3D frameworks, it has become possible to create platforms for participating in the urban design process directly on web applications. This paper combines actual urban design projects to explore the method of visualizing algorithmically generated three-dimensional urban spatial models using the Three.js framework and develops a web application for urban design developed using this method. This application incorporates primary interactive needs and functionalities such as spatial evaluation, morphological design parameters, and comparison of multiple schemes. Additionally, this web application allows various user groups to participate in the design interaction process in real time during design scenarios such as on-site inspections, social surveys, and data integration.