Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
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
890
GAFFTA Visualizing and Mapping Data, Day Two
migurski
2
140
Other Decks in Education
See All in Education
Human Perception and Cognition - Lecture 4 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.2k
Security, Privacy and Trust - Lecture 11 - Web Technologies (1019888BNR)
signer
PRO
0
3.1k
【ZEPホスト用メタバース校舎操作ガイド】
ainischool
0
150
Réaliser un diagnostic externe
martine
0
830
Google Gemini (Gem) の育成方法
mickey_kubo
2
750
Web Architectures - Lecture 2 - Web Technologies (1019888BNR)
signer
PRO
0
3.3k
核軍備撤廃に向けた次の大きな一歩─核兵器を先には使わないと核保有国が約束すること
hide2kano
0
180
沖ハック~のみぞうさんとハッキングチャレンジ☆~
nomizone
1
530
Padlet opetuksessa
matleenalaakso
9
15k
20251119 如果是勇者欣美爾的話, 他會怎麼做? 東海資工
pichuang
0
140
HTML5 and the Open Web Platform - Lecture 3 - Web Technologies (1019888BNR)
signer
PRO
2
3.1k
AIを使って最新研究 について調べて発表しよ う!
mickey_kubo
4
170
Featured
See All Featured
For a Future-Friendly Web
brad_frost
180
10k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
A Modern Web Designer's Workflow
chriscoyier
698
190k
Thoughts on Productivity
jonyablonski
73
5k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
34k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
The Cost Of JavaScript in 2023
addyosmani
55
9.4k
Bash Introduction
62gerente
615
210k
RailsConf 2023
tenderlove
30
1.3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Optimizing for Happiness
mojombo
379
70k
What's in a price? How to price your products and services
michaelherold
246
13k
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.