Urbanization story
Use left and right keys to scroll

Urban population by city size, in percentage

World, 2015

*Data from United Nations Populations Department, 2014

1st Tokyo-Yokohama

Japan

Population: 37,843,000

2nd Jakarta

Indonesia

Population: 30,539,000

3rd Delhi

India

Population: 24,998,000

4th Manila

Philippines

Population: 24,123,000

5th Karachi

Pakistan

Population: 23,500,000

6th Seoul-Incheon

South Korea

Population: 23,480,000

7th Shanghai

China

Population: 23,416,000

8th Beijing

China

Population: 21,009,000

9th New York City

United States

Population: 20,630,000

10th Guangzhou-Foshan

China

Population: 20,597,000

11th São Paulo

Brazil

Population: 20,365,000

12th Mexico City

Mexico

Population: 20,063,000

*Ranking from Demographia report, 2015

Chai Jing's Under the Dome (柴静雾霾调查:穹顶之下)


About Project

From a simple experiment in parallax scrolling, this became an interactive piece with lots of animation and some data visualization. It brings together all the components of a digital interactive story — animations, data visualizations, text, and video — that I believe engage audiences better in the digital space.

Hope you enjoy it! You can drop me a note at chiloong@vslashr.com or visit V|R for more fun projects like data visualizations and content games.

Best viewed on a desktop webkit-based browser like Firefox or Chrome.

References and Data Sources:

Written with ScrollMagic (great library!), JQuery, D3, GreenSock, FontAwesome, Google Fonts.

You can trigger story animations whenever you drive the red sports car past a lamp post.

Sustainable urbanization and global warming are some of our biggest problems, and it's our duty as Earth's stewards to look after it.

Chi-Loong, V/R