The document discusses the iCity project, which aims to develop visualization and data analytics tools to understand urban transportation systems and support democratic decision making. It outlines a three-phase design process: understand, explore, and materialize. In the understand phase, literature reviews and expert interviews were conducted. In the explore phase, use case surveys and mapping were used. In the materialize phase, a user-centered taxonomy and visualization prototypes were developed, including tools for geo-visualization, user stories/data analysis, and a complete streets interface. The goal is to provide insights into patterns of human behavior from sociotechnical system data and support more inclusive urban planning.

1. Visualizing the Sociotechnical
System as an Urban
Democratic Resource
!"#$%&%'( )*+#$+',-(
.#/#0($123#+4$5*67/##' .,6#8*4$&*/9$:;#9'264$5%)"*#9$&*/6#<*9#4$5%6+"#6= >?*<%-+26@$A"#6=4$5*/),+$B2/-264$:*/*$?%*026-4$$
C&D?$E6%<#/+%'(4$!2/26'24$&*6*-*

2. 1. Context and rationale for the socio-technical
system to be a democratic resource
2. iCity project as a case study example
F User centred process to develop a
visualization taxonomy
F Application and prototype testing
Key Themes

3. !"#$%&'(#)*'+,#-./+%00.1'$223$*/456789
The increasing dependence of individuals on sociotechnical and
technological systems in urban life today, has provided an enormous
amount of data that reveal user stories.
Context and Rationale

4. The user stories provide insight into how individuals make choices around how
they integrate these systems into the quality of their urban life.
!"#$%&':::3;%<%*=3>2"
F User stories and habits are captured as patterns
F Identification of shared user behaviors
F The accessibility of sociotechnical systems provide individuals with
choices
!"#$%&':::3;%<%*=3>2"

5. Visualization and visual analytics tools can provide critical support for
researchers, designers and stakeholders to understand these democratic
choices related to human activities.
Correlating and representing quantitative data from human actors provides
insight, explanations for patterns and anomalies that aid in system decision
support as a democratic resource.
!"#$%&':::3;%<%*=3>2"

6. !"#$%'(2),>%&'$223$*/?@AB.<
iCity is a collaboration between academic researchers, industry partners, city
transportation and planning departments in Toronto to set out conditions for
an interactive interface as a democratic resource for individuals and groups
to highlight their needs /wants /values, and participate in strategic planning
opportunities.
iCity as a Case Study

7. The iCity urban transport project focuses on the development of data
analytics transportation and transit planning tools
!"#$%&'C4C0. 5C=)#*CD#0C2E1'6(F!'>C0.%E$CE%1'&*/9$:;#9'264$GC>H#%*'4#,E%-#**%

8. At iCity we develop decision support tools combining social media
and mobile data with GIS, demographic, socio-economic and
transit data
!"#$%&'C4C0. 5C=)#*CD#0C2EI'!"#$%&'()*+,'+*-%.*(/0'11*1'&*/9$:;#9'264$G#,>)='+2,J2E'1'4#,E%-#**%1'G#E;,%%0'K)E%L#

9. Paper focuses on the design process adopted to study
comparative methodologies and prototype frameworks for
visualization interface.
DESIGN
PROCESS
Understand
Explore
Materialize
!"#$%&'C4C0. 5C=)#*CD#0C2EI'K%,%".'M2:%=1'G#E;,%%0'K)E%L#

10. 1. Taxonomy
Taxonomy can thus be understood as
meaning
‘laws of arrangement and division’.
!"#$%&'$223$*/92NO(<
Definitions
Eg: Library, arrangement of books

11. 2. Use Case
A use case is a series of related interactions between a user (or
more generally, an “actor”) and a system that enables the user to
achieve a goal.
!"#$%&'PC#$,#"1'G#E;,%%0'K)E%L#
Definitions
!"#$%&'&()*+,-$(&,*./+-"$'&()+-,)+0-
(%#,>H
P%=0CE#0C2E
Pedestrian BEJ,2CJ'B;;2)2(*3
42*%&/2*
52*6

12. Understand
F Literature Review
F Comparative Methodology in Urban
Transportation
F Expert Interviews
!"#$%&'P%=C$E'Q,2>%==1'C4C0. ;,2>%==';H#=%=1'K%,%".'M2:%=1'G#E;,%%0 K)E%L#
iCity approach & process

13. !"#$%&'P%=C$E'Q,2>%==1'C4C0. ;,2>%==';H#=%=1'G#E;,%%0'K)E%L#
Key Findings
7'(*6/(56*%#*0'*89%!"#$"%"&"'()$*+$,-.*''*&# /'$0/)1-%/2-(/*')
Users Tasks
Data Type
Level of
Engagement
Decide
Synthesize
Analyze
Involve
Expose
Abstract
Spatial
Interaction
G H I

14. !"#$%&'"(#()'$
,3-++/4$5*0"&"'(
6-37/'8$
5-'-8"&"'(
*$+"#%(",-(,"./
0#$#1.2.$(
9/8'-%$:$,3-')/($
;<"3-(/*')
91)(-/'-=/%/(#
>")/%/"'($?/(/")
3"4#$/5.%)1$6
7,)8(/
9$:)"'$2.$(/
@"/8A=*3A**B$
6%-''/'8
?*&<%"("$9(3""()
9$(."(#)$2.$(/
;/<#2.%
C'("3-4(/0"$:$
D*4-(/*'$E-)"B$
F-&")
5/."B$$>"-%/(#
5#(#/=$#8>%)%
C'("%%/8"'($63"B/4(/0"$
G'-%#)/)
9/&1%-(/*'
?#$@/3%.
G8"'(H=-)"B$
5/43*H
)/&1%-(/*'
0#&&)$1
?-3(*83-<A#
F"*HI/)1-%/2-(/*'
3%."/A('").%B
C#""#():.%/
@-0/8-(/*'
>*1("$5-<</'8
J)"3$F"'"3-("B$
K-(-
9*4/-%$5"B/-$J)"
Software Application Categories: Use Domains
!"#$%&'42";#,#0C-%'G%0H2J2*2$.1'C4C0. ;,2>%==';H#=%=1'G#E;,%%0 K)E%L#1'G#,>)='+2,J2E1'K%,%".'M2:%=
Key Findings
:;3</6/('0*%=*(>;?;1;,)9%G$)130"#$*+$%-'B)4-<"$(*$1'B"3)(-'B$(A"$(#<")$*+$
)*+(L-3"$(A-($"./)($-'B$(A"$+1'4(/*')$-%3"-B#$="/'8$)"30"BM

15. 5.%-")&()'$ DE'/#"./
(E./3%."%F
DE#(/#"./(E./3%."/
!#%G%/4.)$1/
#--'2&8)%E.@F
!>&./'+/
*$(."#-()'$
?.:.8/'+/
9$1#1.2.$(
5#(#
(>&.
5#(#///////////
H.&".%.$(#()'$
5#(#/I'"2#(%
*$&,(J K,(&,(
R=%,'S (02,C%=1
T#,,#0C-%=
A,#E=;2,0#0C2E
R,U#E'P%=C$E
P#0#'#E#*.0C>=
9#EJ'R=%
(C")*#0C2E/'
!E0%,#>0C2E=/'
+#"%=
!EV,#=0,)>0),%'
G#E#$%"%E0
G#;;CE$
L,.%()'$%
(2V0:#,%'4#0%$2,C%=
Comparative Methodology Categories of Table
This helped us in aggregating User Types, Use Domains, User Tasks, and
the type of Data being used for Urban Transportation Applications
!"#$%&'42";#,#0C-%'G%0H2J2*2$.1'C4C0. ;,2>%==';H#=%=1'G#E;,%%0 K)E%L#1'G#,>)='+2,J2E1'K%,%".'M2:%=
the

16. !"#$%&'42";#,#0C-%'G%0H2J2*2$.1'C4C0. ;,2>%==';H#=%=1'G#E;,%%0 K)E%L#1'G#,>)='+2,J2E1'K%,%".'M2:%=
Comparative Methodology Categories of Table

17. !"#$%&'P%=C$E'Q,2>%==1'C4C0. ;,2>%==';H#=%=1'G#E;,%%0'K)E%L#
Users Tasks
Data Type
Level of
Engagement
Decide
Synthesize
Analyze
Involve
Expose
Abstract
Spatial
Interaction
1 2 3
Taxonomy Sketch showing essentials aspects of
visualizations
Use
Domains
J

18. Explore
F Use Case Survey
F Use Case Mapping
F Design Charrette, Priority mapping
iCity approach & process
!"#$%&'C4C0. 5C=)#*CD#0C2EI'K%,%".'M2:%=1'G#E;,%%0'K)E%L#

19. Use Case survey
!"#$%&'R=%'4#=%'(),-%.=1'C4C0. ;,2>%==';H#=%=1'G#E;,%%0'K)E%L#1'
4#,*'(N%*02E1'K%,%".'M2:%=
User Type
Gender, Age, Nationality,
Occupation
Application Scenario
Description of Tasks
Preconditions
Technology
Software, Environments and
Frameworks
Assets
Formats, Functions
Task interaction
How are you using this software/
tool?
Data Visualization
What is the visualization functionality
of this software/ tool?
Improvements
How could the software/ tool be
changed to support the required
tasks?

20. F%=%#,>H%,
Q%J%=0,C#E=
+2-%,E"%E0
Q,C-#0%'P#0#
W;%E'(2),>%
Q,C-#0%'P#0#
USERS DATATASKS
!"#$%&'()%'*#)%'+#,,-.$'/ ()%0)1'2#)3)'#.4'5#6#1'7%0%"8'9:;%)1'+#.,0%%6 7<.%=#1'-*-68 2%#"
Use Case Mapping Template

21. !=AMA
Use Case Mapping
!"#$%&'R=%'4#=%'G#;;CE$1'C4C0. ;,2>%==';H#=%=1'G#E;,%%0 K)E%L#1'K%,%".'M2:%=
9"%"4("B$C'("83-("B$J)"$K*&-/'$N.-&<%"

22. Design Charrette
!"#$%&'4H#,,%00%'!"#$%=1'C4C0. ;,2>%==';H#=%=1'C4C0. A%#"
Test Taxonomy Sketch
Establish priorities to build interface prototypes

23. Materialize
F User-Centred Taxonomy for Urban
Transportation Applications
F Applications and Visualization
Prototypes
iCity approach & process
!"#$%&'C4C0. 5C=)#*CD#0C2EI'K%,%".'M2:%=1'G#E;,%%0'K)E%L#

24. !"#$%&'M#=%J'2E'QCN%'XYZZ[1'G#H.#, XYZ@]'#EJ'(2,$%, XYZ@]1'C4C0. ;,2>%==';H#=%=1'A#<2E2".1'C4C0. A%#"
User centred Taxonomy for
Urban Transportation Applications

25. Application and
Visualization Prototypes

26. Visualization Prototype for Complete-Street interface
1. Geo-visualization analytic tools:
Complete Streets Research Software : Betaville, City Engine
!"#$%&'C4C0. ;,2>%==';H#=%=1'C4C0. A%#"
N5/
:)%,#8)O#()'$
!EV2$,#;HC>
W-%,*#.
Q*#E/'6*%-#0C2E=/
!=2"%0,C>/'B<2E2"%0,C>'
-C%:=
(),-%.'
4#;#UC*C0.
42""%E0/O)%,.
(0,%%0'(%>0C2E=
YJ'P#0#
^J'P#0#
(0,%%0'V),EC0),%
F2#J':CJ0H'
#JL)=0"%E0=
T#-C$#0C2E/'
?*.0H,2)$H

27. !"#$%&'C4C0. _#0%,V,2E0'G2J%*1'6=,C 4C0.6E$CE%1'4#,*'(N%*02E1'GC>H#%*'4#,E%-#*%1'C4C0. A%#"
We are developing a realistic virtual model of city of Toronto

28. The model includes existing transportation routes, topography, built and
natural environment within the city
!"#$%&'C4C0. _#0%,V,2E0'G2J%*1'6=,C 4C0.6E$CE%1'4#,*'(N%*02E1'GC>H#%*'4#,E%-#*%1'C4C0. A%#"

29. The model includes existing transportation routes, topography, built and
natural environment within the city
!"#$%&'C4C0. _#0%,V,2E0'G2J%*1'6=,C 4C0.6E$CE%1'4#,*'(N%*02E1'GC>H#%*'4#,E%-#*%1'C4C0. A%#"

30. !"#$%&'C4C0. _#0%,V,2E0'G2J%*1'6=,C 4C0.6E$CE%1'4#,*'(N%*02E1'GC>H#%*'4#,E%-#*%1'C4C0. A%#"

31. 2. User-Stories and Data Analysis
Software -Story Facets, ESRI, IBM Watson Analytics, IBM Cognos
!"#$%&'C4C0. R=%,'(02,C%=1'C4C0. A%#"
T#,,#0C-%= 5#(#/=$#8>%)% +%2`(;#0C#*'5C=)#*CD#0C2E
!EV2$,#;HC>'2-%,*#.
YJ'P#0#
^J'P#0#
^J'G#;= YJ'G#;=
(02,.`U2#,JCE$
5CJ%2=
!"#$%=
BU=0,#>0'J#0#'
-C=)#*CD#0C2E='
42""%E0/O)%,.
F%#*'AC"%'JC=;*#.
Visualization Prototype for Data Analysis interface

32. !"#$%&'C4C0. +%2`-C=)#*CD#0C2E')=CE$'M%0#-C**%1'YJ'BE#*.=C=')=CE$'(02,.?#>%0=I'P#-CJ=2E'8H%E$1''GC>H#%*'4#,E%-#*%1'C4C0. A%#"

33. Registered parking availability by type and
location
Building development height restrictions by zoneTravel modes and times to UofT
!"#$%&'C4C0. 6=,C 4C0.6E$CE%1'#EJ'M%0#-C**% G2J%*I'GC>H#%*'4#,E%-#*%1'C4C0. A%#"
3d infographics overlay on 3d Map of the City of Toronto

34. !"#$%&'C4C0. BE#*.0C>=I'5/4A-"%$?-3'"0-%"O$?-3%$97"%(*'O$5-341)$F*3B*'O$C4C0. A%#"
Integrated Data Analysis and Geo-visualization Mapping

35. Developing and Testing further working-prototypes
with selected users to meet their priorities as outlined.
Validation of Taxonomy with expert users and citizens,
to broaden it’s application.
Creation of integrated dashboards, that collect and
allow analysis of real – time data, to provide
enhanced decision support.
iCity as a Case Study Next Steps

36. In this way users of the systems can help
designers, In identifying requirements, and
address fundamental matters of quality,
equity, and social values, with perspectives
rooted in the experience of urban systems

37. 7)48)'1"#&E>
B"#,'F31'6#$#E'K31'(0#=N2 K3&'?'PQ8.:.8/-'2&'$.$(%/'+/#$#8>()-/#-():)(>/)$/)$+'"2#()'$/:)%,#8)O#()'$3'!666'(.";3'WE'
!EV23'5C=3'XYZZ]1'@@@`@@a1'Y1'^
M%,0CEC 631'7%EE%J.'K3'#EJ'Q);;2 631'YZ@]1'!#%G/!#R'$'2>/+'"/S#"('1"#2%1',%0,C%-%J'V,2"'
H00;=&//:::Y3>=3#,CD2E#3%J)/bN2U2),2-/>#,02$,#"c0#<2E2".3;JV
M2.'K31'P%0C%EE% ?31'#EJ'?%N%0% K3P31'XYZ@]1'A('">(.88)$1/)$/)$+'"2#()'$/:)%,#8)O#()'$%&'P2%='C0'%E$#$%')=%,='02'
%<;*2,%'J#0#d'!E';,2>%%JCE$='2V'0H%'^^,J B4G'>2EV%,%E>%'2E'e)"#E'?#>02,='CE'42";)0CE$'=.=0%"='X4e!'YZ@]1'Q#$%='
@ff[`@f]g3'B4G1'YZ@]3
M,%H"%, G31'G)EDE%, A3&'=/2,8()Q8.:.8/(>&'8'1>/'+/#4%("#-(/:)%,#8)O#()'$/(#%G%T/!666'A,#E=#>0C2E'2E'5C=)#*CD#0C2E'
#EJ'42";)0%,'+,#;HC>='@[1'@Y'XYZ@^1'Y^ah`Y^g]3'Y1'^
4H%E$DHC1'O31'4H%E$H)1'83'i'A#21'Q3'XYZZ^UB/!#R'$'2>/'+/V)%,#8)O#()'$/!.-E$)W,.%/#$@ A>%(.2%S42E>%,E='U%0:%%E'
R=%,='#EJ'P%-%*2;%,='#,%'PCVV%,%E01'B=C#'+!('42EV%,%E>%'YZZ^3
4HC$E%**1'G3'e3'X@[[Z3'=/(#R'$'2>/'+/,%."/)$(."+#-./(."2)$'8'1>3'G?5$9CF?PC$E1%%"(/'O$QRXf1'Ya3
?C=HNCE1'73'Q3'XYZZf3'B'0#<2E2".'V2,'#EJ'#E#*.=C='2V'0#E$CU*%'CE0%,V#>%=3 6"3)*'-%$-'B$J=/S1/(*1)$?*&<1(/'81 TX]1'
^fa`^]g3
G#H.#, T31'(3`e3'7C"'#EJ'M3'43'7:2E3'XYZ@]1'!'P#"@%/#/!#R'$'2>/+'"/9:#8,#()$1/3%."/9$1#1.2.$(/)$/*$+'"2#()'$/
V)%,#8)O#()'$1',%0,C%-%J'V,2"'H00;&//:::3-C=f"%3>2"/;%,=2E#*-C=@]/;#;%,=/"#H.#,3;JV
QCN%'_3B3'%03#*3'XYZZ[1'!E./A-).$-./'+/*$(."#-()'$/*$+'"2#()'$/V)%,#8)O#()'$/` _C**C#"'B3'QCN%1'K2HE'(0#=N21'F%">2
4H#E$1'AH%,%=#'B3'Wj42EE%**1'YZZ[3'XYZ@a3 C'+*3&-(/*'$I/)1-%/2-(/*'3'F%0,C%-%J'V,2"'
E((&6JJX',"$#8%T%#1.&,4T-'2J@')J#4%JYZTYZ[J):%T]ZZ^T]]FX',"$#8S'@._):)#

38. 7)48)'1"#&E>
(C"2E1'e3B3'X@[h[3'!E./%-).$-.%/'+/="()+)-)#81'G!A'Q,%==3
(HE%CJ%,"#E1'M3'X@[[h'kAH%'%.%='H#-%'C0&'B'0#=N'U.'J#0#'0.;%'0#<2E2".'V2,'CEV2,"#0C2E'-C=)#*CD#0C2El'Q,2>%%JCE$='
2V'B)=0,#*C#E'=.";2=C)"'2E'CEV2,"#0C2E'-C=)#*CD#0C2El'!666'(.";2=C)"'2E'5C=)#*'9#E$)#$%1'^^h`^f^3
(H,C-#0H=#E1'G3'XYZ@a3'3%./S#%.%/Q 5.+)$)()'$/XF%m)C,%"%E0='G#E#$%"%E0'M#=C>=3'Q"U*2$3#>>2";#3>2"3'
F%0,C%-%J'@@'B)$)=0'YZ@a1'V,2"'H00;&//;"U*2$3#>>2";#3>2"/YZZ[/Z[/@[/)=%`>#=%=`J%VCEC0C2E`,%m)C,%"%E0=`
"#E#$%"%E0`U#=C>=/
(2,$%, K31'%03#*3'XYZ@]1'=/!#R'$'2>/'+/*$(.1"#()'$/!.-E$)W,.%/+'"/A&#()#8/#$@/C'$QA&#()#8/V)%,#8)O#()'$%&'!E=0C0)0 Vn,
42";)0%,$,#;HCN )EJ'B*$2,C0H"%E ` B,U%C0=$,);;% Vn, 42";)0%,$,#;HCN3'XYZ@a3 4$30):C%E3#>3#03'F%0,C%-%J'Y@'
B)$)=0'YZ@a1'V,2"'E((&%6JJPPPT-1T(,P).$T#-T#(J".%.#"-EJ&,48)-#()'$%J]ZY[J%'"1."Q]ZY[Q(#R)$(.-
A2,.'G3'#EJ'G2**%,'A3'XYZZY'=/0'@.8/7#%.@/V)%,#8)O#()'$/!#R'$'2>1'H00;&//>C0%=%%,3EL3E%>3>2"/]hf@fY3H0"*
5#*C#0C1'63'F31'QC"%E0#1'G3'(31'i'?,%C0#=1'43'G3'XYZZh1'G#.3'B'0#<2E2".'2V'0#=N='V2,'$)CJCE$'0H%'%-#*)#0C2E'2V'
")*0CJC"%E=C2E#*'-C=)#*CD#0C2E=3'!E 63*4""B/'8)$*+$(A"$QUUV$GIC$L*37)A*<$*'$E"#*'B$(/&"$-'B$"33*3)W$'*0"%$
"0-%1-(/*'$&"(A*B)$+*3$/'+*3&-(/*'$0/)1-%/2-(/*' X;;3'@`h3'B4G3
_#E$1'o31'i'P)E=02E1'Q3'(3'XYZ@@3'=/,%."Q-.$(.".@/(#R'$'2>/V2,'=;%>CV.CE$'"C<%J',%#*C0.'=.=0%"='V2,'#%>
CEJ)=0,.3 X*13'-%$*+$C'+*3&-(/*'$,"4A'*%*8#$/'$?*')(314(/*'$YC,4*'Z1 RVXY[1'f[^`]Zg3
_%H,%EJ (&'B;;%EJC<'M&'!#R'$'2>/'+/:)%,#8)O#()'$/1'#8%T/!E''5C=)#*'>)%=&'Q,#>0C>#*'J#0#'-C=)#*CD#0C2E'X@[[^1'7%**%,'
Q3F31'7%**%,'G3'G31'X6J=3'!666'42";)0%,'(2>C%0.'Q,%=='@1^'
8H2)'G3'o31'?%CE%, (373&'V)%,#8/(#%G/-E#"#-(.")O#()'$/+'"/#,('2#(.@/:)%,#8/@)%-',"%./%>$(E.%)%3'(!+4e!'>2EV%,%E>%'2E'
e)"#E'?#>02,='CE'>2";)0CE$'=.=0%"='Y^1'@g'X@[[g1'^[Y`^[[3'@

39. Questions ?