1.
cf. city flows
Till Nagel & Christopher Pietsch
A comparative visualization of urban bike mobility
MapTime Berlin, 28 June 2016

2.
NationalGeographic
Meandering design process

3.
Urban data visualizations
Our previous work

4.
Touching Transport
Shanghai Metro Flow
Isoscope
LiquiData

5.
Concept
General idea of the project

6.
cf. city flows is a visualization of urban bike mobility.

7.
cf. city flows is a visualization of urban bike mobility
designed to help citizens analyze bike-sharing system.

8.
cf. city flows is a visualization of urban bike mobility
designed to help citizens casually analyze bike-sharing
systems in the context of a public exhibition space.

9.
cf. city flows is a visualization environment of urban bike
mobility designed to help citizens casually analyze bike-
sharing systems in the context of a public exhibition
space. Large screens show the space of flows in bike
sharing.

10.
cf. city flows is a comparative visualization environment
of urban bike mobility designed to help citizens casually
analyze three bike-sharing systems in the context of a
public exhibition space. Multiple large screens show the
space of flows in bike sharing for three selected cities:
New York, Berlin, and London.

11.
cf. city flows is a comparative visualization environment
of urban bike mobility designed to help citizens casually
analyze three bike-sharing systems in the context of a
public exhibition space. Multiple large screens show the
space of flows in bike sharing for three selected cities:
New York, Berlin, and London. Bike journeys are
represented in three geospatial visualizations.

12.
cf. city flows is a comparative visualization environment
of urban bike mobility designed to help citizens casually
analyze three bike-sharing systems in the context of a
public exhibition space. Multiple large screens show the
space of flows in bike sharing for three selected cities:
New York, Berlin, and London. Bike journeys are
represented in three geospatial visualizations designed to
be progressively more analytical, from animated trails
to small-multiple glyphs.

13.
Bike Sharing Data
Collecting, processing, and analyzing data sets

14.
London
Santander Cycles
Berlin
Call a Bike
New York
Citibike
alanlevin
RudolfSimon
Nick-D

15.
London
Santander Cycles
Berlin
Call a Bike
New York
Citibike
20° C
3 June 2015
21° C 21° C
alanlevin
RudolfSimon
Nick-D

16.
Raw data

17.
Visual Experiments
Digging into the data

18.
HERERoutingAPI

19.
Design Considerations
Comparing vastly different cities

20.
Basemap
TillNagel

21.
Comparing cities
TheStar,gridbyRobinChubb
Eurostat

22.
Scaling maps

23.
Scaling data encoding

24.
Three viewing modes
Different levels of spatial and temporal granularity

25.
• City-wide view
• Station view
• Small-multiple view
Three viewing modes

26.
City-wide view

27.
Station view

28.
Small-multiple view

29.
Staged Analysis
From Evocative to Comparative Visualizations

30.
Transitions

31.
Guide through visualizations

32.
Exhibition
Streams & Traces

33.
Website:PhillipKortlang&ChrisMagiera

34.
Productdesign:SamiraAkhavan,AndreaBiedermann,ChristianMünch

35.
Observations
Feedback and Insights

36.
Photo:StephanieNeumann
Comparisons as conversation starters

37.
Challenging complexity

38.
SüddeutscheZeitung

39.
Thank you.
http://tillnagel.com – twitter: @tillnm
Dr. Till Nagel & Christopher Pietsch
Urban Complexity Lab, FH Potsdam