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
860
GAFFTA Visualizing and Mapping Data, Day Two
migurski
2
130
Other Decks in Education
See All in Education
HCL Notes/Domino 14.5 EAP Drop1
harunakano
1
110
情報処理工学問題集 /infoeng_practices
kfujita
0
180
COO's Perspective : Code for Everyone 2020-2024
codeforeveryone
0
220
Evaluation Methods - Lecture 6 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
770
ニュースメディアにおける生成 AI の活用と開発 / UTokyo Lecture Business Introduction
upura
0
170
Ch2_-_Partie_3.pdf
bernhardsvt
0
120
JavaScript - Lecture 6 - Web Technologies (1019888BNR)
signer
PRO
0
2.6k
Ch2_-_Partie_2.pdf
bernhardsvt
0
120
CSS3 and Responsive Web Design - Lecture 5 - Web Technologies (1019888BNR)
signer
PRO
1
2.5k
HyRead2425
cbtlibrary
0
100
Semantic Web and Web 3.0 - Lecture 9 - Web Technologies (1019888BNR)
signer
PRO
2
2.6k
プログラミング基礎#4(名古屋造形大学)
yusk1450
PRO
0
110
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Building Adaptive Systems
keathley
38
2.3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Optimizing for Happiness
mojombo
376
70k
Adopting Sorbet at Scale
ufuk
74
9.1k
Into the Great Unknown - MozCon
thekraken
34
1.6k
Site-Speed That Sticks
csswizardry
2
220
Making Projects Easy
brettharned
116
6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
97
17k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
The Pragmatic Product Professional
lauravandoore
32
6.4k
Git: the NoSQL Database
bkeepers
PRO
427
64k
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.