Design And Implementation Of Data Visualization System Framework Based On D3.js

Data visualization can greatly help people to understand data by mapping data to graphs, symbols and colors which are easily perceptible. Moreover data visualization can also help people to further analyze and process data by showing the internal information of data intuitively. There are two categories of tools for data visualization. One is the system tool which implements visualization, like Datawrapper. This kind of tools can only implement the existing visualization effects and is poor in expansibility. The other is development tool which provides data visualization with library functions, such as Raphael, Echarts and so on. These tools provide various kinds of interfaces implementing visualization. However, users need to build visualization platform by themselves, which is not that user-easily.To overcome the weakness in expansibility of data visualization system tools and the difficult use of data visualization development tools, this paper is attempted to design and implement a data visualization framework based on D3.js visualization library function. This framework adopted MVC architectural pattern which divides a given software application into three interconnected parts. Thus, coupling is much more reduced so that it is easy to extend visualization algorithm within the framework. In order to provide friendly interactive visualization function for users, the framework is divided into 4 functions based on the general flow of data visualization. Many different types of data conversion and visualization implementation are accomplished according to users’data.There are five steps to achieve the work, details are introduced in this paper:(1) The design and implementation of a reusable visualization system framework are achieved based on previous studies, tools and processes. (2) With the help of different types of data and visualization algorithm, interactive user interface and operation logic are well functional in our design. (3) Expansibility is improved by overwriting functions of the framework. So there are functions of modifying and adding visualization in the framework. (4) Data conversion is designed and accomplished by mapping user data to visualization data based on mapping relationships in the framework. (5) The data visualization tool developed by the author is convenient and user-friendly. This data visualization tool adopted visualization algorithms from multidimensional data and hierarchical data.The framework presented in this paper can not only implements data visualization but also meets the demands of adding and modifying the visualization algorithms in the framework.