Design And Implementation Of A Data Visualization System For The Real-time Air Quality Data

Recently,the air pollution situation in China is not very optimistic.The smog weather occurs us frequently,and various dyeing situations led by pm2.5 are very serious.It is very necessary to call on everyone to pay attention to the air quality.However,the existing tools for visualizing air quality data on the market are not doing well.They present data in a single way,using only numbers or simple charts witch are not interactive.Nowadays,the data visualization technology is relatively mature.The air quality real-time data visualization system uses data visualization technology,including data transformation,visual mapping,view transformation,and so on,in order to display air quality data in a better way.The system adopts the B/S architecture mode.The front-end visualization tool used is ECharts developed by Baidu.Considering of the complexity of the data,the React framework and the Redux framework are used to build the front-end architecture.The back-end development technology used is NodeJS and Express framework.In the primary of the system,the client module is divided into two modules: the first page module and the data visualization module.The server module is divided into a data source module and a data processing module.The data visualization module is the main module,mainly for visual display and visual interaction.The system has the characteristics of: visual display form,multi-dimensional display of data,real-time dynamic update,and good interactivity.In terms of multi-dimensional display of data,the display has three ways: an overview of overall air quality,a real-time display of individual air quality,and a city comparison.In terms of real-time dynamic update,the data update interval is one hour,and the visualization chart will automatically change as the data is updated.In terms of interactivity,the system implements functions such as chart type switching,data view function,one-click restore function,chart download function,and other specific functions such as the horizontal coordinate drag and zoom function.Through these technologies and presentations,the system is dedicated to presenting users with a comprehensive and realistic air quality situation.