Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
GAFFTA Visualizing and Mapping Data, Day One
Search
migurski
February 10, 2012
Education
0
190
GAFFTA Visualizing and Mapping Data, Day One
migurski
February 10, 2012
Tweet
Share
More Decks by migurski
See All by migurski
GAFFTA Visualizing and Mapping Data, Day Four
migurski
0
780
GAFFTA Visualizing and Mapping Data, Day Three
migurski
0
850
GAFFTA Visualizing and Mapping Data, Day Two
migurski
2
130
Other Decks in Education
See All in Education
PSYC-560 R and R Studio Setup
jdbedics
0
520
H5P-työkalut
matleenalaakso
4
36k
開発終了後こそ成長のチャンス!プロダクト運用を見送った先のアクションプラン
ohmori_yusuke
2
170
Kaggle 班ができるまで
abap34
1
200
Beispiel einer Fortbildung für "Soziales Lernen"
gsgoethe
0
120
横浜国立大学大学院 国際社会科学府 経営学専攻博士課程前期(社会人専修コース)_在校生体験談
miki_small_pin
0
710
Chapitre_1_-__L_atmosphère_et_la_vie_-_Partie_1.pdf
bernhardsvt
0
220
Evaluation Methods - Lecture 6 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
710
20240810_ワンオペ社内勉強会のノウハウ
ponponmikankan
2
890
Ch2_-_Partie_1.pdf
bernhardsvt
0
110
Requirements Analysis and Prototyping - Lecture 3 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
810
1030
cbtlibrary
0
310
Featured
See All Featured
Building an army of robots
kneath
302
43k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
1
190
For a Future-Friendly Web
brad_frost
175
9.4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
47
2.1k
RailsConf 2023
tenderlove
29
910
Faster Mobile Websites
deanohume
305
30k
Typedesign – Prime Four
hannesfritz
40
2.4k
A Philosophy of Restraint
colly
203
16k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
0
25
How to train your dragon (web standard)
notwaldorf
88
5.7k
Designing for humans not robots
tammielis
250
25k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.8k
Transcript
Visualizing and Mapping Data Michal Migurski & Shawn Allen, Stamen
Design GAFFTA February 2012 http://sta.mn/633
Who is Stamen?
None
None
None
None
Day One: Dots On Maps
Dots
None
Dots can be symbols
Guessing Game
http://sta.mn/sw Dots can can be good symbols
http://sta.mn/z6q Dots should fit the map
Dots can include data
http://sta.mn/8tm Dots are ubiquitous
Advanced Dots Clusters and point density maps
“Red Dot Fever”
http://sta.mn/y8v ← Chinatown
http://sta.mn/zzz This map is counting many small things
http://sta.mn/htj Clustering, grouping
http://sta.mn/c4j Three dimensions shown by color
http://sta.mn/hn9 One dimension shown by hue
http://sta.mn/hrw Let patterns emerge
Tiles
MapQuest, ca. 2004
None
None
None
None
data
data style
data style images
data style images interaction
Days 2, 3, and 4
Where Data Comes From Finding, processing, cleaning, publishing point-based location
and address data
Custom Cartography Using OpenStreetMap and government data to develop your
own custom base maps
More Spatial Data Census tracts, heat maps, and aerial imagery
Time to follow along: http://sta.mn/633
1. Lists of Pins
2. Click Interaction
3. Placement on Map
4. Tiles
None
None
None
Z: 1 X: 0 Y: 0 Z: 1 X: 1
Y: 0 Z: 1 X: 1 Y: 1 Z: 1 X: 0 Y: 1
1/0/0.png 1/1/0.png 1/1/1.png 1/0/1.png
None
None
5. Simple Tile Grid
6. Panning a Map
7. First Slippy Map
8. Adding Map Pins
Fin.