My Role

Individual Programmer. I utilized Processing to finsh this data visualization program and reveal some of students' food comsumption habits.
Check my source code at Github


2 Weeks, Final Project of 2016 Fall @ ID307 Design Workshop IV: Data Visualization


Interactive Media, Data Visualization

··· OVERVIEW ···

This program displays the food consumption situation of SJTU in September, 2014. Millions of transaction occurs on campus each day and students' ID cards record the consumption data.

During the design and coding process, I make some attempts to visualize the comsumption data as well as unearth students’ habits and behavior mode in food consumption from a variety of aspect. Utilizing millions of statistics, some interesting insight is revealed and they’re presented as well as the 3D visualization of consumption data in this program.





SJTU is considering to renew the canteen system and give a more specialized position for the service of each canteen. Therefore, such data map should help them to know about students’ consumption behavior and preference to make the decision-making process easier.

The professor provides us with the information of students’ accounts, merchants and the trade data (Masked data) of Sep. 2014, the first month of that semester.
Scrutinizing all the items, I summerize several key elements of students’ food consumption that could help reveal the behavioral mode of different groups of students.

Based on these 6 elements, I list several questions that I wanna answer after finishing the data visualization. This question list is also an important guidance which helps me to design the information structure of this data visualization program.


What is the overall distribution of the amount and the volume of food consumption this day?


Is there any difference between boys and girls of SJTU in food consumption?


What is the difference in food consumption during the time of 3 meals (breakfast, lunch&dinner) ?


Are people with different academic degrees have different eating habits?


In order to design the user interface, I conclude 3 dimensions of the consumption data as the information sturcture of this program.

Graphic User Interface


#Theme Color


High-Tech Green

#Overall Layout

· Planar map of SJTU
· 3D grid placing on the map to represent the data
· UI widgets at the bottom-right of the canvas
· Users could use mouse to drug and zoom the data map


··· CODING ···

I utilized Processing 3 to realize the 3D data map.

Check my source code at:


In the program, food consumption situation in SJTU is just one-click away for the users. They could see the data map as well as conclusions from different aspects . They could not only have a holistic grasp of the consumption habits of people in SJTU, but also gain a closer look at the data in small intervals.

I got some interesting insights by analyzing the map and answering my 4 questions before. Detailed analysis and description is also shown in the program.

4th canteen is just beside graduate students’ dorms and they usually have fewer morning lessons so that they prefer take brunch rather than breakfast. 1st canteen is the least popular one for two important meals of one day, this phenomenon indicates its low quality of food. Hale and 2nd canteen are nearby teaching building and it's reasonable that they’re more popular at meals.

The proportion of consumption indicates that male and female ratio in SJTU is about 76:24. And boys prefer to go to 5th&2nd canteens, probably because more close to buildings of collages that contains more boys. Girls prefer to go to Hale or 1st canteen. Boys spend more money than girls in eating things.

Bachelor students haunt at 1st, 2nd, 3rd canteen where are located at east area, while 4th, 5th, 6th are gathering place of masters and doctors. Considering of the overall proportion of 3 groups of people, 2th, 4th and 5th canteen are the ones being loved by all.

The result of crosstab analysis is surprising:bachelor students who have less financial income relatively spend more money on food while graduate students seems frugal. Another explanation is that graduate students sometimes live outside this campus, which make their consumption not as much as the undergraduates."



Yizhou Liu