This stunning dynamic visualization depicts the average life of an American based on the data collected in 2014 from The American Time Survey that has been created using CSS and D3.js.
Each dot represents a person, different colors represents different activities like sleeping, leisure etc. There is a time tab at the upper left corner and speeds of transitions like slow fast and medium. Every time a person changes a task or activity the corresponding dot will move from one activity to another.
The day starts off start slow as we see more people are sleeping or just beginning their daily chores. It then moves quickly to peak rush hours where people are travelling to work. The day in this dynamic visualization starts at 4:00am and runs for 24 hours. It is an excellent example of how dynamic visualizations can simplify a task where we must keep a track of thousands of people and their daily activities which is a strenuous task using conventional visualization methods like bar graphs or pie charts.
Also, this is a good example for understanding how each individual from a data set affects the whole pattern. For example, if 200k out of 1000k people start travelling at 9 am instead of 8 am, there is a monumental change in the trend. The example also contains mapping between activities using lines to better understand the transitions from one activity to another and understanding the most common ones like ‘household care’ to ‘personal care’ to ‘eating and drinking’.
Reference: http://flowingdata.com/2015/12/15/a-day-in-the-life-of-americans/