Quantified Self:Visual Network Behavior Based On Browser

Quantified Self is an idea put forward 40 years ago.It advocates using data to recognize and even master our own state.Although appears early,it's still not so hot at the moment,there only exists mature applications in the field of health management.It would be meaningful to introduce Quantified Self into the field of web service.Combinng theory and practice,this study firstly tries to quantify user's network surfing behavior and saved it as data.After that,all data is to be presented using visual diagrams,with the help of the charts,all users can clearly grasp their own behavior rules.In this regard,I have completed the following aspects of research:1.In combination with the interactive features of web pages,network behavior is defined and classified.Then based on Chrome Browser who holds the most users,this study implements an extension program with various related web technologies to help collect relevant data of user behavior and then save them on the server.2.The open source library G2 is chosen as a visual engine.And based on the basic rules of G2,the statistical results of the behavior data are presented in different categories with the help of a large number of visual diagrams.Further more,this study put forward some conventions of visual design,such as:focusing on non coding design elements,rationally distributing and using the powerful visual channels,no interaction design,etc.3.For the Multidimensional characteristics of behavior data,I firstly studies the classic multidimensional visualization scheme,and then summed up 3 strategies:multi visual channel coding,multi space coordinate mapping and multi graphic elements.By analysing their advantages and defects,this study tries to optimize the efficiency of multidimensional visual views with the interaction characteristics of the web platform.Thus,I put forward 2 strategies:multi visual channel mapping transformation interaction and view layered linkage interaction,which can deal with the relationship between complex data and provide a deeper way for users to understand themselves.In this study,from requirements to design expression,a visual personal management interface is designed and implemented(as part of the Chrome extension)in a standard application design process,with full consideration of the integrity of the application,the extensibility of the business scope,the extensibility of the visualized chart,and the convenience of the interactive process.Finally,I put all the parts together and output a complete application.