Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
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
880
GAFFTA Visualizing and Mapping Data, Day Two
migurski
2
130
Other Decks in Education
See All in Education
JOAI2025講評 / joai2025-review
upura
0
160
Course Review - Lecture 12 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.7k
Avoin jakaminen ja Creative Commons -lisenssit
matleenalaakso
0
1.9k
Gamified Interventions for Composting Behavior: A Case Study Using the Gamiflow Framework in a Workplace Setting
ezefranca
1
120
Dashboards - Lecture 11 - Information Visualisation (4019538FNR)
signer
PRO
1
2k
人になにかを教えるときに考えていること(2025-05版 / VRC-LT #18)
sksat
4
1k
技術勉強会 〜 OAuth & OIDC 入門編 / 20250528 OAuth and OIDC
oidfj
5
1.2k
2025/06/05_読み漁り学習
nag8
0
140
Tutorial: Foundations of Blind Source Separation and Its Advances in Spatial Self-Supervised Learning
yoshipon
1
110
新卒研修に仕掛ける 学びのサイクル / Implementing Learning Cycles in New Graduate Training
takashi_toyosaki
1
150
RELC_2025_KYI
otamayuzak
0
110
OpenSourceSummitJapanを運営してみた話
kujiraitakahiro
0
700
Featured
See All Featured
Speed Design
sergeychernyshev
32
1k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Adopting Sorbet at Scale
ufuk
77
9.4k
VelocityConf: Rendering Performance Case Studies
addyosmani
330
24k
Site-Speed That Sticks
csswizardry
10
660
A Modern Web Designer's Workflow
chriscoyier
694
190k
Producing Creativity
orderedlist
PRO
346
40k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.8k
Visualization
eitanlees
146
16k
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.