YunDing Analytic System

Visual Analytics of User Behavior

My Roles



Client & Date


2014 - 2015


MVC Pattern

Single Page






The purpose of YDAS is to help companies to grasp first-hand market information and offer insight into the competitors' market. Meanwhile, the data of users' habits provides us clues to improve the product performance.

The database of YDAS is from a various types of recruited netizen samples representing the whole internet users.

My Responsibilities

In the project, I led the front-end development and took charge of the first version of product design.

In terms of the front-end development, I utilized SesJS (similar to RequireJS) to solve the problem of the namespace and the file dependency. I also automatically executed the minification, combination and other repetitive tasks with GruntJS (recently I prefer to use GulpJS).

For a large number of interactive charts, I managed to use a Javascript charting engine - Highcharts and created my own charts to achieve the customized requirements from product manager. During the process, I also extracted a module to customize the graphs in the Highcharts, which has been utilized into other projects.

Speech: Build a SeaJS-based Project

Task Flow
What They Say About Me

She is dependable and strong in actions. In the project of YUNDING, she is versatile, working on both design and development tasks. Her works are accomplished with high quality and speed, sometimes beyond our expectation.

Henry Huang - Project Manager


She converts PSD design into HTML/CSS with efficiency and high quality. Almost nothing needs to be improved when comparing the original design and HTML page.

Colin Zan - Designer