Coding

HTML/CSS, Javascript, Jason, Ajax, D3.js

Find my beauty

Find my Beauty is a one stop website for keeping a track record of all the make-up items one buys as well as shares with others. The homepage is sorted by the popularity of products, as is indicated within the "Like" button below each product image. Infinite scrolling is designed for quick browsing. Minimum onboard information is required. Behaviors like uploading a product picture or sharing a post is encouraged by rewarding.

Ajax/jQuery and php structure is used to to implement infinite scrolling. This technique is also used in the like and the share function. For example, when a user click the "like" or "I will try it", Ajax will trigger the like.php or share.php, the database will be updated by the php program, at the same time, the php program will send back to the front end showing the increase of the like number. Database stores information includes post_id, like number, post title, comment, original post_id etc.

Facebook check in Animation

Within 48 hours, use information from Facebook and relative sources to develop an interesting visualization of your friends' activities. We designed a quantitative visulization technique to visualize check in data of Facebook profiles. And developed the web app using Google maps and the Facebook api within 48 hours Hackathon. The overall application supports three critical features: typeahead, path-rendering, and miles calculation.

Smiley face
Smiley face
Smiley face
Smiley face

University map: decide where to invent your future

The goal of this visualization using d3.js is to understand the tradeoffs in the various top 100 universities and provide the users (high school students) a range of choices that meet their expectations so that the users can reach a good decision in selecting their future university.

Website
Smiley face
Smiley face
Smiley face