Mobile-Friendly and Streaming Web-based Data Visualization

We in this paper introduce a novel data visualization package, called the ADD framework, to support responsive and adaptive data-driven visualization. Currently, interactive data visualization, which is generally achieved by Javascript-based libraries such as D3.js, cannot be easily manipulated as the responsive way like the RWD principle in the CSS design. Visualization of abundant information becomes challenging while switching between the desktop view or the mobile view. To ease of code maintenance and to get rid of coding complication for diversified screen resolution, we incorporate advantages from React and D3.js. The main contribution of the ADD framework, released as an open-source library, is to facilitate the development of data manipulation and visualization in the responsive way, pursuing better user mobile experience. In addition, we also present the future direction of developing websocket-based streaming data loader for Javascript, to enable the seamless update of JSON data in the web page without user re-click. Currently, the ADD framework is open source and the streaming data loader will be released soon as the same way.