Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
GAFFTA Visualizing and Mapping Data, Day One
Search
migurski
February 10, 2012
Education
200
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
GAFFTA Visualizing and Mapping Data, Day One
migurski
February 10, 2012
More Decks by migurski
See All by migurski
GAFFTA Visualizing and Mapping Data, Day Four
migurski
0
790
GAFFTA Visualizing and Mapping Data, Day Three
migurski
0
930
GAFFTA Visualizing and Mapping Data, Day Two
migurski
2
150
Other Decks in Education
See All in Education
Another One Writes the Code
minecr
0
130
Digijulkaisut
matleenalaakso
1
10k
実践プレゼンテーション・デザイン
dragon2
1
1.6k
Sekolah Sabat - Triwulan 4 2026 - Pelajaran 3
hiola
0
7.2k
LP2627
cbtlibrary
0
200
HTML5 and the Open Web Platform - Lecture 3 - Web Technologies (1019888BNR)
signer
PRO
3
3.6k
【ホスト用】ainiチャット操作ガイド
ainischool
0
140
GENERAL PHARMACOLOGY
pawan_pharm
0
240
HCI Research Methods - Lecture 7 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.8k
Sekolah Sabat - Triwulan 4 2026 - Pelajaran 7
hiola
0
1k
Requirements Analysis and Prototyping - Lecture 3 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.9k
検定資格の価値 ~実はすごいよQC検定~
bunnchinn3
0
280
Featured
See All Featured
New Earth Scene 8
popppiees
4
2.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.4k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
2
2.2k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
520
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
AI: The stuff that nobody shows you
jnunemaker
PRO
10
1.3k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
370
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
350
Why You Should Never Use an ORM
jnunemaker
PRO
61
10k
エンジニアに許された特別な時間の終わり
watany
109
250k
Optimising Largest Contentful Paint
csswizardry
37
4k
The Curious Case for Waylosing
cassininazir
1
610
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.