data visualization (dsc 530/cis 568) · 2019. 1. 23. · the beatles 2006 the essential elvis...
Post on 28-Mar-2021
4 Views
Preview:
TRANSCRIPT
Data Visualization (DSC 530/CIS 568)
Introduction
Dr. David Koop
D. Koop, DSC 530, Spring 2019
What is Data Visualization?
�2D. Koop, DSC 530, Spring 2019
How is it different from Computer Graphics?
�3D. Koop, DSC 530, Spring 2019
The purpose of computing is about insight, not numbers
- R. W. Hamming
�4D. Koop, DSC 530, Spring 2019
The purpose of visualization is about insight, not pictures
- Card, Mackinlay, Schneiderman
�5D. Koop, DSC 530, Spring 2019
Why do we visualize data? (vs. looking at tables?)
�6D. Koop, DSC 530, Spring 2019
MTA Fare Data Table
�7D. Koop, DSC 530, Spring 2019
MTA Fare Data Visualization
�8D. Koop, DSC 530, Spring 2019
Why do we visualize data?
�9
Why Graphics?Figures are richer; provide more information with less clutter and in less space.Figures provide the gestalt effect: they give an overview; make structure more visible.Figures are more accessible, easier to understand, faster to grasp, more comprehensible, more memorable, more fun, and less formal. list adapted from: [Stasko et al. 1998] [via A. Lex]
D. Koop, DSC 530, Spring 2019
What are the purposes for visualization?
�10D. Koop, DSC 530, Spring 2019
Exploration: Subway Ridership Density
�11D. Koop, DSC 530, Spring 2019
Communication: Peyton's Records
�12
[G. Aisch and K. Quealy, NYTimes]D. Koop, DSC 530, Spring 2019
Exploration <-> Communication Spectrum
�13
[K. Quealy, 2013]D. Koop, DSC 530, Spring 2019
Exploration CommunicationConfirmation
Consecutive Starts by a Quarterback for a Single Team
Exploration <-> Communication Spectrum
�13
[K. Quealy, 2013]D. Koop, DSC 530, Spring 2019
Exploration CommunicationConfirmationQuestions Answers/Persuasion
Consecutive Starts by a Quarterback for a Single Team
What types of data can we visualize?
�14D. Koop, DSC 530, Spring 2019
Types of Data• Tables • Networks (Graphs) • Spatial Data
- Geography - Physical (e.g. Scientific, Medical)
• Text • Sets
�15D. Koop, DSC 530, Spring 2019
Where have you seen visualizations?
�16D. Koop, DSC 530, Spring 2019
Books / Posters
�17
[Rock 'N' Roll is Here to Pay, R. Garofalo, 1977]D. Koop, DSC 530, Spring 2019
Books / Posters
�17
[Rock 'N' Roll is Here to Pay, R. Garofalo, 1977]D. Koop, DSC 530, Spring 2019
Web
�18
FAQAlbum or artist: Search...Music Timelinepo
pula
rity
1982
ThrillerMichael Jackson
2003
Chocolate FactoryR. Kelly
2006
Back To BlackAmy Winehouse
2007
Good Girl Gone BadRihanna
2007
Marvin Gaye '50'Marvin Gaye
2014
XChris Brown
2014
In The Lonely HourSam Smith
1988
Past MastersThe Beatles
2006
The Essential Elvis Presley 3.0Elvis Presley
2009
My Kind Of ChristmasDean Martin
2010
Teenage DreamKaty Perry
2012
Four of a Kind - 200 Classic SongsThe Everly Brothers
2015
DeliriumEllie Goulding
2015
VMaroon 5
19501950
1950
19601960
1960
19701970
1970
19801980
1980
19901990
1990
20002000
2000
20102010
2010Comedy/SpokenWord/Other
World
Vocal/Easy Listening
Folk LatinReggae
Dance/ElectronicR&B/Soul
Blues Hip-Hop/Rap
Alternative/Indie
Country
Metal
Jazz Rock
Pop
[Music Timeline, Google Research]D. Koop, DSC 530, Spring 2019
What is the advantage of the second version?
�19D. Koop, DSC 530, Spring 2019
Interaction
�20D. Koop, DSC 530, Spring 2019
How do we create modern visualizations?
�21D. Koop, DSC 530, Spring 2019
Tools• Desktop Applications:
- Excel (see excelcharts.com) - Tableau - …
• Programming Frameworks - Processing - d3.js - deck.gl, MapboxGL - …
• Advantages and disadvantages - Speed, customization, understanding, dissemination
�22D. Koop, DSC 530, Spring 2019
d3.js
�23
Overview Examples Documentation Source
Data-Driven Documents
D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data tolife using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities ofmodern browsers without tying yourself to a proprietary framework, combining powerful visualizationcomponents and a data-driven approach to DOM manipulation.
See more examples.
D. Koop, DSC 530, Spring 2019
Why do we care about the design of visualizations?
�24D. Koop, DSC 530, Spring 2019
Design: Focus on only the y-axis
�25
[S. Hayward, 2015]D. Koop, DSC 530, Spring 2019
Design: Year on the y-axis
�26
[@bizweekgraphics]D. Koop, DSC 530, Spring 2019
Design: Different y-axis
�27
[S. Hayward, 2015]D. Koop, DSC 530, Spring 2019
Visualization Exploration and Communication
�28D. Koop, DSC 530, Spring 2019
Transportation Data - NYC MTA
�29
DYKERBEACHPARK
WESTCHESTER
THE BRONX
NASS
AU
QUE
ENS
NASSAU QUEENS
QUEENSBROOKLYN
J a m a i c aB a y
Ha
r lem
Ri v e r
Ea s t R i v e r
E a s t Ri v e r
Lo
ng
I
sl a
nd
So
u
nd
Hu
ds
on
Ri
ve
r
14
AirTrain stops/terminal numbers
7
58
2/3
Q33 (ends Sep 7)
Q72Q47
M60
M60
M60M60Q47Q48Q70 LtdQ72
Q70 Ltd(starts Sep 8)
Q48
Q10
Q10
B15Q10
AIRTRAIN JFK
AIRTRAIN JFK
Q3
Q3
Q70 Ltd (starts Sep 8)
LIRR
LIRR
LIRR
LIRR
LIRR
Met
ro-N
orth
Metro-North
Metro-North
Met
ro-N
orth
LIRR
PATH
PATH
Amtrak
Amtra
k
Amtrak
Amtrak
NJTransit • Amtrak
PATH
weekends
Bowling GreenBowling Green44••55
Broad St Broad St J J••ZZ
Rector StRector StRR
World TradeWorld TradeCenterCenter
E
DeKalb AvB•Q•R
Hoyt St2•3
Clark S
t2• 3
Union StR
Carroll S
tF• G
Bergen
St
F• G
Broad St J•Z
York St
F
CityHallR
Rector StR
Franklin St1
Canal St1
Prince StN•R
Houston St1
14 St A•C•E
50 St1
50 StC•E
59 StColumbus Circle
A•B•C•D•1
66 St Lincoln Center
1
72 St1•2•3
79 St1
86 St1
96 St1•2•3
103 St1
CathedralPkwy
(110 St )1
116 St ColumbiaUniversity
1
137 StCity
College1
145 St1
157 St1
175 StA
181 StA
190 StA
Dyckman St A
238 St1
Norwood205 StD
Mosholu Pkwy4
Bedford Pk BlvdLehman College
4
Kingsbridge Rd4
Fordham Rd4
Allerton Av2•5
183 St4
Burnside Av4
176 St4
Mt Eden Av4
170 St4
174 St2•5
Bronx ParkEast
2•5
Pelham Pkwy2•5
Freeman St2•5
Simpson St2•5
E 180 St2•5
West Farms Sq
E Tremont Av2 •5
167 St4
161 St
Yankee Stadium
B •D •4
Van Cortlandt Park242 St
1
Lexington
Av/63 St
F
14 St–U
nion Sq
L• N• Q
• R• 4• 5• 6
L
• N• Q• R
3 Av
L 1 Av
L
8 St-NYUN•R
Christopher St
Sheridan Sq1
Canal StJ•N•QR•Z•6
Canal StA•C•E
Spring St6
Spring StC•E
W 4 St Wash Sq A•B•C•D•E•F•M
8 Av
L
QueensPlazaE •M
•R
69 St7
52 St7 46 St
Bliss St 740 St
Lowery St
733 St-Rawson St
7
61 StWoodside
7 •Q70 Ltd LGA Airport
(starts Sep 8)
36 StM•R
90 St–Elmhurst Av7
Junction Blvd 7•Q72 LGA Airport
103 St–Corona Plaza7
111 St 7•Q48 LGA Airport
Elmhurst
Av
M• R
Grand Av
Newtown
M
• R Woodhaven Blvd
M
• R 63 Dr–R
ego Park
M
• R• Q72 LG
A Airport
Forest Hills
71 Av
E• F• M• R
75 Av
E• F Bria
rwood
Van W
yck Blvd
E• F
Sutphin BlvdF
Parsons Blvd F
169 StF
Jamaica
Van Wyc
kE
Kew Gardens
Union Tpke
E
• F67 Av
M
• R
21 StQueens-
bridgeF
39 AvN •Q
Steinway StM•R
46 St M
•R
Northern Blvd
M•R
65 St
M•R
74 St–Broadway
Q70 Ltd LGA Airport • 7
82 St–Jackson Hts7
36 AvN •Q
30 AvN•Q
Astoria BlvdN•Q
AstoriaDitmars Blvd
N•Q
Court Sq-23 StE•M
6 Av L 14 St1•2•3
18 St1
14 St F•M
23 StF•M
23 St1
23 StC•E
23 StN•R
33 St6
Hunters Point Av7•LIRR
Vernon BlvdJackson Av
7
21 StG
Queensboro Plaza
N•Q•7
Court SqG•7
68 StHunter College6
77 St6
86 St4•5•6
96 St6
103 St6
110 St6
Central ParkNorth (110 St) 2•3
116 St6
72 StB•C
81 St–Museum of Natural History B•C
86 St B•C
96 StB•C
103 StB•C
Cathedral Pkwy(110 St)B•C
116 StB•C
125 StA•B•C•D
125 St2•3 • M60 LaGuardia Airport
125 St4•5•6
135 StB•C
135 St2•3
116 St2•3
3 Av138 St6
Brook Av
6
Cypress Av
6
E 143 StSt Mary’s St
6145 StA•B•C•D
191 St1
Bedford Pk BlvdB•D
Kingsbridge RdB•D
Fordham RdB•D
182–183 StsB•D
Tremont Av B•D
174–175 StsB•D
170 StB•D
Morris Park5
Pelham Pkwy5
Burke Av2•5
Gun Hill Rd 2•5
219 St 2•5
225 St2•5
233 St2•5
Nereid Av2•5
Wakefield 241 St2
Gun Hill Rd5
Baychester Av5
EastchesterDyre Av5
167 StB•D
E 149 St6
Longwood Av6
Hunts Point Av6
Whitlock Av6
Elder Av6
Morrison Av Soundview 6
St Lawrence Av6
Castle Hill Av6
Zerega Av6
Middletown Rd6
Buhre Av6
Pelham Bay Park6
Parkchester6
181 St1
155 S
t
B
• D15
5 St
C
163 St–Amsterdam Av C
145 St3
149 S
t–Grand
Concourse
2• 4• 5
Harlem148 St3
57 StF
57 St-7 AvN•Q•R
49 StN•Q•R
7 AvB •D
•E
28 St1
28 St N•R
28 St6
23 St6
Astor Pl 6
BoweryJ• ZEast
BroadwayF
2 Av
F
Bleecker St
6 B’way–L
afayette
St
B• D• F• M
Essex
St
F
• J• M• Z
Delance
y St
Grand St B•D
Prospect AvR
25 StR
36 StD•N•R
45 StR
53 StR
59 StN•R
8 Av
N
Fort Hamilto
n
PkwyN
New Utrecht A
vN 18
AvN
20 Av
N
Bay Pkwy
N
KingsHwy
N
Avenue U N86 St
N
62 St
D
71 St
D
79 St
D
18 Av D
20 Av D
Bay Pkwy
D 25 AvD
Bay 50 StD
Coney IslandStillwell Av
D•F•N•Q
55 St
D
50 St
DFort Hamilto
n
PkwyD
9 Av
DDitm
as Av
F
18 Av
F
Avenue I
F
Bay
PkwyF
Bay Ridge AvR
77 StR
86 StR
Bay Ridge95 St
R
Jay St Jay St MetroTechMetroTechAA••CC••FF••RR
Jay St MetroTechA•C•F•R
Lafayette AvC
ParkPlS
Fulton StG
Smith
9 Sts F• G
4 Av–9
St
F• G• R 7 AvF• G
15 St
Prospect P
arkF• G
Fort HamiltonPkwy
F•G
Church AvF• G
Avenue N
F Avenue P
FKings H
wy
F
Avenue U
F
Avenue X
FNeptune Av
F
West 8 StNY AquariumF•Q
Ocean PkwyQ
Brighton BeachB•Q
Sheepshead Bay
B• Q
Neck Rd
Q
Avenue U
Q
Kings Hwy
B• Q
Avenue M
Q
Avenue J
Q
Avenue H
Q
Newkirk Plaza
B• Q
Cortelyo
u Rd
Q
Beverle
y Rd
Q
Church Av
B• QFlatbush
Av
Brooklyn Colle
ge
2• 5
Newkirk Av
2• 5
Beverly
Rd
2• 5
Church Av
2• 5
Winthrop St
2• 5
Sterling St 2•5
President St 2•5
CanarsieRockaway PkwyL
East 105 StL
Aqueduct North Conduit Av
A
Aqueduct RacetrackA
Van Siclen AvCLiberty
AvC
Ozone ParkLefferts BlvdA
111 StA
104 StA
Rockaway Blvd A
88 St A
80 StA
Grant AvA
Euclid AvA•C
Shepherd AvC Howard Beach
JFK Airport AAtlantic Av
L
Alabama AvJ
New Lots Av L B15 JFK Airport
Crescent StJ•Z
Norwood Av Z rush hrs, J other times
Cleveland St J
Bushwick Av
Aberdeen St
L
Wilson Av
L
DeKalb Av
LJe
fferso
n St
L
Flushing Av
J• MLorim
er St
J• MBroadway
G
Nassau Av
G
Greenpoint Av
G
Lorimer S
t
L Graham
Av
L Grand St
L Montrose
Av
L Morgan Av
L
Livonia Av L
Sutter
AvL
Nostrand Av
A •CFranklin Av
C •S
Kingston
Throop Avs
C
Utica AvA •C
Ralph Av
C
Chauncey St
Z rush hours,
J other times
MyrtleWyckoff AvsL•M
Halsey St
J Gates Av
Z rush hours,
J other times
Kosciuszko St
JMyrtle Av
J •M•Z
Central Av M
Seneca AvM
MyrtleWilloughby Avs G
Flushing Av
GMarcy Av
J• M• Z
Metropolitan Av G
Bedford Av
L
Fresh Pond RdM
Halsey
St
L
Rockaway
AvC
Broad
way
Junc
tion
A
• C• J• L
• Z
Parkside AvQ
Prospect Park B•Q•S
Botanic Garden S
Clinton
Washington AvsG
Classon AvG
Hewes
St J• M
Bedford
Nostrand AvsG
Clinton
Washington Avs
C
HoytSchermerhorn
A•C•G
Kingston Av3
Franklin Av
2• 3• 4• 5
BroadwayN•Q
Knickerbocker Av M
Middle VillageMetropolitan AvM
Forest AvM
High StA•C
Atlantic Av–Barclays Ctr B•Q•2•3•4•5•LIRR
Whitehall StSouth FerryR
Bowling Green4•5
Wall St4•5 Wall St
2•3
Fulton St
Chambers St1•2•3
Park Place 2•3
Chambers StJ•ZBrooklyn BridgeCity Hall 4•5•6
Chambers St A•C
Atlantic
Av–Barc
lays C
tr
D• N• R• LIRR
Bergen
St2• 3
7 Av
B• Q
Nevins St2•3•4•5
Borough Hall
2• 3• 4• 5
Court StR
Grand Arm
yPlaz
a2• 3
Easter
n Pkwy
Brooklyn M
useum
2• 3
34 StPenn
Station A•C•E•LIRR
42 StPort AuthorityBus Terminal
A•C•E Times Sq-42 St
N•Q•R•S•1•2•3•7Grand Central42 StS•4•5•6•7•Metro-North
47–50 StsRockefeller CtrB•D•F•M
34 StPenn
Station1•2•3•LIRR
34 StHerald Sq
B•D•FM•N•Q•R
42 StBryant PkB•D•F•M
5 Av 7
Lexington Av/53 St E•M
59 St 4•5•6
51 St 6
Lexington Av/59 StN•Q•R
5 Av/53 StE•M
5 Av/59 StN•Q•R
125 St1
168 St A•C•1 A•C
Dyckman St1
Inwood207 St
A
215 St1
3 Av–149 St2•5
Woodlawn4
Marble Hill225 St1
231 St1
75 St–Elderts Ln Z rush hours, J other times
Cypress Hills J
85 St–Forest Pkwy J
Woodhaven Blvd J•Z
104 St Z rush hours, J other times
111 StJ
121 St Z rush hours, J other times
Sutphin BlvdArcher AvJFK AirportE•J•Z•LIRR
Jamaica179 StF
Jamaica Center Parsons/ArcherE•J•Z
Jackson Hts
Roosevelt Av
E •F •M•R •Q70 Ltd LGA Airport (starts Sep 8)
Q47 LGA Airport (Marine Air Term only)
FlushingMain St
7
Nostrand Av3
Crown HtsUtica Av3•4
Saratoga Av 3
Rockaway Av 3
Junius St 3
Pennsylvania Av3
Van Siclen Av3
New Lots Av3
Sutter Av–Rutland Rd3
A•C•J•Z2•3•4•5
Westchester Sq East Tremont Av 6
Intervale Av 2•5
Prospect Av 2•5
Jackson Av 2•5
Mets–Willets Point7•Q48 LGA Airport
Van Siclen Av Z rush hrs, J other times
138 St–GrandConcourse4 •5
M60 LaGuardia Airport
M60 LGAAirport
M60 LaGuardia Airport
M60 LGA Airport
Rector St1
Cortlandt St1
Cortlandt St R
South Ferry1
World TradeCenter
E
207 St 1
rushhours
rushhours
S
Rooseve
lt
Isl
and
F
Beach44 StA
Beach 36 StA
Beach 25 StA
Far RockawayMott Av
A
Broad Channel
A•S
Beach 67 StA
Beach 60 StA
Beach 90 StA•S
Beach 98 StA•S
Beach 105 StA•S
Rockaway ParkBeach 116 St
A•S
Stat
en Is
land
Fer
ry
summer only
QUEENSMIDTOWNTUNNEL
MARINE PARKWAY-GIL HODGESMEMORIALBRIDGE
CR
OS
S B
AY
VETE
RA
NS
’
ME
MO
RIA
L
BR
IDG
E
HENRY HUDSON
BRIDGE
HUGH L. CAREY TUNNEL
BRIDGE
VERRAZANO-NARROWS
BR
IDG
E
RO
BE
RT
F KE
NN
ED
Y
THROGS NECK BRIDGE
GEO. WASHINGTONBRIDGE
LINCOLN TUNNEL
HOLLAND TUNNEL
MANHATTAN BRIDGE
BROOKLYN BRIDGE
QUEENSBORO BRIDGE
BRONX-WHITESTONE
BRIDGE
MA
LC
OL
M X
BLV
D (LE
NO
X A
V)
NOSTRAND AV
BR
OA
DW
AY
BROADWAY BRIDGE
ST
NIC
HO
LAS
AV
BR
OA
DW
AY
BR
OA
DW
AY
BROADWAY
SE
VE
NT
H A
V
VAR
ICK
ST
L IVONIA
AV
WEST
CHES
TER
AV
E 138 ST
LEX
ING
TO
N A
V
PA
RK
AV
S
LAFA
YE
TT
E S
T
EASTERN PARKWAY
SO
UTH
ER
N B
LVD
WESTC
HE
ST
ER
AV
S
OU
TH
ER
N B
LVD
ES
PLA
NA
DE
WH
ITE PLAINS R
D
JER
OM
E A
V
MANHATTAN AV
UNION AV
LAFAYETTE AV
WEST END LINE
DELANCEY ST
BROADWAY
FULTON ST
JAMAIC
AAV
MYRTLE AV
VAN SINDEREN AV
WYCKOFF AV
BUSHWICK AV
N 7 ST
HOUSTON ST
R U TGERS ST JA
Y S
T S
MITH
ST
NINTH ST
MCDONALD AV
CULVER LINE
MCDONALD AV
FOU
RT
H A
V
86 ST
NEW
UTR
ECH
T AV
FOU
RT
H A
V
53 ST
HILLSID
E AV
41 AV 63 ST
SIX
TH
AV
FLATBUSH AV
E 15 ST
BRIGHTON LINE
E 16 ST
GR
AN
D C
ON
CO
UR
SE
QUEENS BLVD
QUEENS BLVD
ARCHER AV
LIBERTY A
V
PITKIN AV
FULTON ST
FULTON ST
CH
UR
CH
ST
SIX
TH
AV
GREENWICH AV
EIG
HT
H A
V
CE
NT
RA
L PA
RK
WE
ST
S
T N
ICH
OLA
S A
V
FOR
T W
AS
HIN
GTO
N AV
BROADW
AY
FOU
RTH
AV
61 ST SEA BEACH LINE 63 ST
WEST 8 ST
BROADWAY
31 ST
60 ST
BROADW
AY
BR
OA
DW
AY
BR
OA
DW
AY
QUEENS BLVD
ROOSEVELT AV
FLATBUSH AV
WILLIAMSBURG BRIDGE
14 ST
42 ST
PALIS
AD
E A
V
IND
EP
EN
DE
NC
E A
V
HE
NR
Y H
UD
SO
N P
KW
Y
BROADW
AY
231 ST
IRWIN AV
VAN CORTLANDT P
ARK SO
MO
SHO
LU PKW
Y
FORDHAM RD
PELHAM PKWY
CR
OT
ON
A A
V
PR
OS
PE
CT
AV
E 169 ST
180 ST
TREMONT AV
E TREMONT AV
WE
BS
TE
R A
V
BA
INBR
IDGE
TH
IRD
AV
225 ST
BRUCKNER EXPWY
BRUCKNER
EXPWY
ELDER AV ST LAW
RENCE AV
WHITE PLAINS RD
WHITE PLAINS RD
SOUNDVIEW AV
CASTLE HILL AV
ZEREGA AV HUTCHINSON PKW
Y
ALLERTON AV BURKE AV
222 ST
233 ST
MIDDLETOWN RD
BR
OA
DW
AY
AM
ST
ER
DA
M A
V
FT WA
SH
AV
RIV
ER
SID
ED
R
RIV
ER
SID
E D
R
145 ST
135 ST
ST NICHOLAS AV
AM
ST
ER
DA
M A
V FIFT
H A
V
5 AV
MA
DIS
ON
AV
M
AD
ISO
N A
V
PA
RK
AV
TH
IRD
AV
3 A
V
SE
CO
ND
AV
2 A
V
2 AV
1 AV
FIRS
T A
V
1 AV
ALLE
N S
T
YO
RK
AV
WE
ST
EN
D A
V
72 ST
CO
LUM
BU
S A
V
66 ST 66 ST
12 AV
WES
T ST
WEST ST
53 ST
E 8 ST
FDR
DR
GRAND ST
E BWAY
SOUTH ST
WATE
R ST
ASTORIA BLVD
NORTHERN BLVD
DITMARS BLVD
111 ST
112 ST
ST
EIN
WA
Y S
T
48 ST
LONG ISLAND EXPWY
HORACE HARDIN
G EXPWY
LONG ISLAND
EXPWY
36 ST
30 AV
GR
EEN
POIN
T AV
21 ST
JUNCTION BLVD
JEWEL A
V
UTOPIA PKWY
PARSONS BLVD
KISSENA BLVD
MAIN ST
HILLSIDE AV
JAMAICA A
V
SUTPHIN BLVD
111 ST
LINDEN B
LVD LEFFERTS BLVD
MERRICK BLVD
METROPOLITAN AV
METROPOLITAN AV
NASSAU AV
BEDFORD AV
FLUSHING AV
FOREST AV
WOODHAVEN BLVD
MYRTLE AV
JAC
KIE
RO
BIN
SO
N P
AR
KW
AY
WILSON AV
BUSHWICK AV
MYRTLE AV
BERGEN ST
BERGEN ST
LIBERTY A
V
HIC
KS
ST
HE
NR
Y S
T
9 ST
UNION ST CHURCH A
V
PROSPECT AV
OCEAN PKWY
CONEY ISLAND AV
9 AV
FOR
T H
AMIL
TON P
KWY
PARKSIDE A
V W
INTHROP S
T
NOSTRAND AV
AV Z
EMMONS AV
AV U
FLATBUSH AV
WASHINGTON
UTIC
A AV
UTICA AV
86 ST
KIN
GS
HW
Y
FIFTH
AV
39 ST
REMSEN AV
AV M
FLA
TLA
ND
S A
V
AV H
OCEAN AV
BE
DFO
RD
AV
BEDFORD AV
NOSTRAND AV
VAN SICLEN AV
PENNSYLVANIA AV
PORT W
ASHIN
GTO
N B
LVD
CR
OSS B
AY B
LVD
CR
OS
S B
AY
BLV
D
PARSONS BLVD
WH
ITESTON
E EXP
WY
MID
DLE N
ECK
RD
NORTHERN BLVD
CANAL ST
CANAL ST SPRING ST
T R A M W A Y
HOUSTON ST
3 AV
BOWERY W 4 ST
E 4 ST
BLEECKER ST
BLEECKER ST
23 ST
12 AV 23 ST
50 ST 50 ST
59 ST CENTRAL PARK SOUTH
79 ST
125 ST
116 ST
96 ST
86 ST
UNIVERSITY HTS BR
UNION TURNPIK
E
CLEARVIEW EXPWY
163 ST
FRE
DE
RIC
K
DO
UG
LAS
S B
LVD
AD
AM
CLA
YT
ON
PO
WE
LL BLV
D (7A
V)
VAN WYCK EXPW
Y
SEAGIRT BLVD
BEA
CH
CHANNEL D
R
RO
CK
AW
AY
BEA
CH
BLV
D
KING
S H
IGH
WA
Y
82 ST
VE
RN
ON
BLV
D
BE
AC
H C
HA
NN
EL D
R
ROCKAW
AY PT
BLV
D
HAMILTON BRIDGE
WASHINGTON BRIDGE
CROSS BRONX EXPWY
BAYCHESTER AV
9 AV
10 AV
11 AV
GR
AN
D A
V
SpuytenDuyvil
Riverdale
UniversityHeights
MorrisHeights
Harlem125 St
Melrose
Yankees-E153 St
Tremont
Fordham
Botanical Garden
WilliamsBridge
Woodlawn
Wakefield
LongIslandCity
9 St
14 St
23 St
33 St
Christopher St
Hunterspoint Av
Woodside
Mets–Willets Point
Flushing
ForestHills
JamaicaKewGardens
Hollis
Auburndale Bayside Douglaston
Manhasset
Plandome
PortWashington
GreatNeck
LittleNeck
MurrayHill
Broadway
QueensVillage
Laurelton Rosedale
Woodmere
Cedar-hurst
Lawrence
Inwood
LocustManor
FarRockaway
East NY
Nostrand Av
MarbleHill
WTC
VANCORTLANDT
PARK
BRONXZOO
PELHAMBAY
PARK
ORCHARDBEACH
CENTRALPARK
WASHINGTONSQUARE PARK
METROPOLITANMUSEUMOF ART
RANDALLSISLAND
JAVITSCENTER
RIVERBANKSTATE PARK
INWOODHILL PARK
FORT TRYONPARK
UNITEDNATIONS
WTC Site9/11 Memorial
FLUSHINGMEADOWSCORONA
PARK
PROSPECTPARK
BROOKLYNBOTANICGARDEN
FORT GREENEPARK
GREEN-WOODCEMETERY
LAGUARDIAAIRPORT
JFKINTERNATIONAL
AIRPORT
JAMAICABAY
WILDLIFEREFUGE
GATEWAYNATIONAL
RECREATIONAREA–
JAMAICA BAY
EASTRIVERPARK
BROOKLYNBRIDGEPARK
KISSENAPARK
CUNNINGHAMPARK
MARINEPARK
FLOYDBENNETT
FIELD
JUNIPERVALLEY
PARKFOREST
PARK
RIVERSIDE PARK
HUDSON RIVER PARK
HIGHBRIDGEPARK
JACOBRIIS
PARK
LIBERTYISLAND
ELLISISLAND
NEW YORKTRANSIT MUSEUM
southbound only
except
n-bound
southbound
6
Sexcept
south-bound
4•5
7
2•3 and north-bound 4•5
BROOKLYN
MANHATTAN
QUEENS
THEBRONX
FINANCIALDISTRICT
BATTERY PARK CITY
CHINATOWN
LITTLE ITALYSOHO
TRIBECA
GREENWICHVILLAGE
CHELSEA
WESTSIDE
UPPEREASTSIDE
UPPERWESTSIDE
EASTHARLEM
HARLEM
WASHINGTONHEIGHTS
EASTVILLAGE
LOWEREAST SIDE
NOHO
RIVERDALE
KINGSBRIDGE
HIGH-BRIDGE
FORDHAM
TREMONT
MORRISANIA
THE HUB
HUNTS POINT
RIKERSISLAND
MOTT HAVEN
SOUNDVIEW
PARKCHESTER
CITYISLAND
BAYCHESTER
CO-OPCITY
EASTCHESTER
ASTORIA
LONGISLAND
CITY
ROOSEVELTISLAND
JACKSONHEIGHTS
CORONA
FLUSHING
HILLCREST
FRESHMEADOWS
JAMAICAESTATES
JAMAICA
HOLLIS
QUEENSVILLAGE
KEWGARDENS
KEWGARDENS
HILLS
RICHMONDHILL
FORESTHILLS
REGO PARK
MIDDLEVILLAGE
GLENDALEWOODHAVEN
OZONEPARK
HOWARD BEACHEASTNEWYORK
OCEAN HILL-BROWNSVILLE
CANARSIE
EASTFLATBUSH
MIDWOOD
BENSONHURST
FLATBUSH
PARKSLOPE
REDHOOK
GOVERNORSISLAND
CARROLLGARDENS
FLATLANDS
ROCKAWAYPARK
BREEZYPOINT
SHEEPSHEADBAY
BRIGHTONBEACH
CONEY ISLAND
BAY RIDGE
BOROUGHPARK
SUNSETPARK
BROOKLYNHEIGHTS
WILLIAMSBURG
FORT GREENE
GREENPOINT
BEDFORD-STUYVESANT
CROWNHEIGHTS
BUSHWICK
RIDGEWOOD
MASPETH
DUMBO
NAVYYARD
MTA
Sta
ten
Isla
nd R
ailw
ay
Grasmere
St. George
Tompkinsville
Stapleton
Clifton S51
Old Town
Dongan Hills
Jefferson AvGrant City
S51/81
New Dorp
Oakwood Heights S57
Bay Terrace
Great KillsS54 X7 X8
Eltingville
Annadale S55
Huguenot S55 X17 X19
Prince's Bay S56
Pleasant Plains
Richmond ValleyNassauS74/84
AtlanticS74/84
Tottenville S74/84
RICHMOND TERRACE
VICTORY BLVD
VA
ND
ER
BIL
T A
V
ARTHUR KILL RD
STATEN ISLAND EXPRESSWAY VERRAZANO-NARROWS BRIDGE
FOREST AV
HY
LAN
B
LVD
HYLAN BLVD
AR
TH
UR
KIL
L RD
WE
ST
SH
OR
E E
XP
WY
RIC
HM
ON
D A
V
SILVERLAKEPARK
SNUG HARBORCULTURAL CENTER
COLLEGE OFSTATEN ISLAND
SEAVIEW
HOSPITALSTATENISLANDMALL
NEWSPRINGVILLE
PARK
LA TOURETTEPARK
GREATKILLSPARK
CLOVELAKESPARK
STATENISLAND
PORTRICHMOND
WEST NEWBRIGHTON
MARINERSHARBOR
FOXHILLS ROSEBANK
CASTLETONCORNERS
BULLSHEAD
CHELSEA
WESTERLEIGH
TODTHILL
NEWDORPBEACH
WOODROWROSSVILLE
CHARLESTON
ARDENHEIGHTS
FRESHKILLS
RICHMONDTOWN
TOTTENVILLEBEACH
tunnel closeduntil fall 2014
runs weekends via Manhattan Br
The subway operates 24 hours a day, but not all lines operate at all times. This map depicts morning to evening weekday service. Call our Travel Information Center at 511 for more information in English or Spanish (24 hours) or ask an agent for help in all other languages (6AM to 10PM).
To show service more clearly, geography on this map has been modified. © 2013 Metropolitan Transportation Authority
visit www.mta.info
Key
August 2013
Full time servicePart time service
All trains stop (local and express service)
Local service onlyRush hour line
extension
Free subway transferFree out-of-system subway transfer (excluding single-ride ticket)
Terminal
Bus or AIRTRAINto airport
Accessiblestation
Additional expressservice
Normal service
Commuter rail service
Bus to airport
StationName
A•C
New York City Subwaywith bus and railroad connections
Police
M60
The subway map depicts weekday service. Service differs by time of day and is sometimes affected by construction. Overhead directional signs on platforms show weekend, evening, and late night service. Visit mta.info for detailed guides to subway service: click on Maps, then “Individual Subway Line Maps,” “Service Guide,” or “Late Night Service Map.” For construction-related service changes, click on “Planned Service Changes” in the top menu bar. On weekends, the Weekender website and app show construction-related scheduled service changes. This information is also posted at station entrances and on platform columns of affected lines.
D. Koop, DSC 530, Spring 2019
MTA Fare Data Exploration
�30D. Koop, DSC 530, Spring 2019
MTA Fare Data Exploration
�31D. Koop, DSC 530, Spring 2019
MTA Fare Data Exploration
�32D. Koop, DSC 530, Spring 2019
MTA Fare Data Exploration
�32D. Koop, DSC 530, Spring 2019
MTA Fare Data Exploration
�33D. Koop, DSC 530, Spring 2019
MTA Fare Data Exploration
�34D. Koop, DSC 530, Spring 2019
MTA Fare Data Exploration
�34D. Koop, DSC 530, Spring 2019
A U G U S TS U N M O N T U E W E D T H U F R I S A T
2 3
10
17
24
31
9
16
23
30
SD SDHOU DETDETT OR DET
DET DETCHW COLCHWSD CHW
BOS BOSLAA LAALAADET LAA
TB TBTOR TORTORBOS TOR
BAL BALTOR TORTORTB TOR
1
8
15
22
29
1
7
14
21
28
3
6
13
20
27
2
5
12
19
26
1
4
11
18
25
1:10 1:10 10:10 8:40
8:104:10 8:10 8:10 1:10 7:05 1:05
7:05TBA 7:05
7:071:40 7:07 7:077:07 7:05 1:05
7:05 1:05 7:10 4:05
1:10TBA 7:05 7:05 1:05 7:10 7:10
YES YES YES
YES YES MY9 YES YES YES YES
TBA YES YES YES YES MY9 FOX
TBA YES MY9 YES YES MY9 YES
YES YES YES YES YES YES YES
S E P T E M B E RS U N M O N T U E W E D T H U F R I S A T
6 7
14
21
28
30
13
20
27
29
BOS BOSCHW BOSCHWBAL CHW
BOS BOSBAL BALBALBOS BAL
SF SFTORTOR TOR TORBOS
HOU HOUTB TBTBSF TB
T OR T ORCHW CHWHOUHOU HOU
5
12
19
26
28
4
11
18
25
27
3
10
17
24
30
2
9
16
23
30
1
8
15
22
29ALL GAMES ARE EASTERN TIME.
1:051:05 7:05 7:05 7:05 7:05 1:05
7:05TBA 7:05 7:05 7:05 7:10 1:05
1:10TBA 7:07
1:102:10 1:10
7:07 7:07 7:05 TBA
1:101:05 7:05 7:05 7:05 8:10 TBA
TBA YES MY9 YES YES MY9 FOX
YES YES YES YES YES YES FOX
TBA YES MY9 YES YES YES TBA
YES YES
YES YES
MY9 YES YES YES TBA
2 013 R E G U L A R S E A S O N S C H E D U L E
Administrivia• Course Web Site • Syllabus
- Plagiarism - Accommodations
• Textbook: - Required: Munzner (VAD) - Rec'd: Murray, 2nd ed. (IDV)
• Assignments • Tests: March 6 and April 10 • Registration:
- Add/Drop is Wednesday
�35D. Koop, DSC 530, Spring 2019
Administrivia• Research:
- Also investigate some topics in depth - Research papers as assigned reading - Topics:
• Trajectories • Network Summaries • Progressive Visualization
• Project: Create an interactive visualization (or vis research) - Design - Data analysis - Insight - Presentations: May 6 @3pm
�36D. Koop, DSC 530, Spring 2019
Programming• "Programming is blindly manipulating symbols." - B. Victor • "Code is often the best tool we have because it is the most general
tool we have; code has almost unlimited expressiveness" - M. Bostock • You will write code in this class
- Your assignments will involve code - Your project will involve code
• JavaScript is the language of the Web - Somewhat forgiving, not always the easiest to debug - Lots of references out there - A quickly-changing environment of frameworks
�37D. Koop, DSC 530, Spring 2019
Questions?
�38D. Koop, DSC 530, Spring 2019
Office Hours & Email• Scheduled office hours are open to all students
- MW: 10-11am, Th: 3-5pm • You do not need an appointment to stop in during scheduled office
hours • If you need an appointment outside of those times, please email me
with specific details about what you wish to discuss • Many questions can be answered via email. Do not waste my time
scheduling an appointment to ask a question that could be answered via email
�39D. Koop, DSC 530, Spring 2019
Do not cheat!
�40D. Koop, DSC 530, Spring 2019
Do not plagiarize• It is cheating. It violates the Academic Honesty Policy at UMassD. • Do your own work • Do not copy anyone else's work, text, sentences, …
- Anyone = another student, an internet source, book, blog, … • Never quote text unless there is a specific need.
- Usually, only famous quotes or very specific definitions - "I think there is a world market for maybe five computers."
—Thomas Watson (1874-1956), Chairman of IBM, 1943) • Cite sources that back up your claims or reflect the origin of an idea
- Vertex cover is an NP-Complete problem [1].…[1] Garey, M. R., and Johnson, D. S., "Computers and intractability: a guide to NP-completeness." 1979.
�41D. Koop, DSC 530, Spring 2019
Do not cheat • Cheating on assignments, projects, and exams is not allowed • You will receive a zero on the assignment/project/exam • It will be reported to the department and university • If it repeats, you will fail the course • You can be kicked out of the university
�42D. Koop, DSC 530, Spring 2019
Do ask questions!
�43D. Koop, DSC 530, Spring 2019
Do ask questions• If you are stuck on a specific issue with an assignment:
- Do email me with specific questions - Do consult books, online documentation, tutorials - Do discuss that specific issue with a classmate
• If you are asked about a question: - Do not share your code - If the questioner is trying to cheat, walk away - If you see an obvious mistake, kindly point it out - Suggest a specific function or library that may be useful
�44D. Koop, DSC 530, Spring 2019
Do not cheat!
�45D. Koop, DSC 530, Spring 2019
Questions?
�46D. Koop, DSC 530, Spring 2019
Homework: Reading • Munzner, Ch. 1 • HTML/JavaScript Material:
- MDN Tutorials - Murray's book
�47D. Koop, DSC 530, Spring 2019
top related