SlideShare ist ein Scribd-Unternehmen logo
1 von 64
Making Beautiful Maps A Skillshare class by Jake Levitas Research Director Gray Area Foundation for the Arts (@GAFFTA) @CivicInnovation
Rough Outline ,[object Object]
Inspiration
Map components
Making Maps using QGIS + Illustrator ,[object Object]
2) Use + Analyze the data
3a) Beautify the data
3b) Design the map
What is a map anyway?
A map is a visual representation of an area— a symbolic depiction highlighting relationships between elements of that space  such as objects, regions, and themes.
A brief history of maps
 
 
 
 
 
 
 
 
 
 
 
 
What can you do  with maps anyway?
 
 
 
 
 
 
 
 
 
 
Uhh...So, what is a map REALLY? (aka Map Components)
 
 
Points Lines Polygons TYPES OF SPATIAL DATA (VECTOR)
TYPES OF SPATIAL DATA (RASTER)
Map components, applied
 
 
 
 
 
 
 
Let's get to work!
Beautiful Maps Full Workflow ,[object Object]
SHAPEFILES ...the answer to all of life's problems
Shapefile components ,[object Object]
.dbf = attribute data (dBASE table)
.shx = index file
.prj = projection format + =
Step 1: Cut a Hole in a Box (aka Get the Data)
 
http://gispub02.sfgov.org/data.asp
http://datasf.org
Step 2: Put Your Junk in that Box (aka Use + Analyze the Data)
Add Data Layers + Properties (in visual order) Features + Attributes Navigation
One layer at a time... ,[object Object]
Sfblocks – bookmark mid-Market
StClines – play with unique value symbology ,[object Object],[object Object]
Census2000 ,[object Object]

Weitere Àhnliche Inhalte

Was ist angesagt?

AshrafCGPortFolio.compressed
AshrafCGPortFolio.compressedAshrafCGPortFolio.compressed
AshrafCGPortFolio.compressed
Ashraf PM
 

Was ist angesagt? (20)

Map Making with QGIS
Map Making with QGISMap Making with QGIS
Map Making with QGIS
 
Where2.0Now - Finding the heat in Thematic Maps
Where2.0Now - Finding the heat in Thematic MapsWhere2.0Now - Finding the heat in Thematic Maps
Where2.0Now - Finding the heat in Thematic Maps
 
Cartographic map design
Cartographic map designCartographic map design
Cartographic map design
 
Free online tools for visualization and infographics
Free online tools for visualization and infographicsFree online tools for visualization and infographics
Free online tools for visualization and infographics
 
Shannon Park Redevelopment Plan Remodeling with Esri CityEngine
Shannon Park Redevelopment Plan Remodeling with Esri CityEngineShannon Park Redevelopment Plan Remodeling with Esri CityEngine
Shannon Park Redevelopment Plan Remodeling with Esri CityEngine
 
Introduction to Esri CityEngine
Introduction to Esri CityEngineIntroduction to Esri CityEngine
Introduction to Esri CityEngine
 
Using geobrowsers for thematic mapping
Using geobrowsers for thematic mappingUsing geobrowsers for thematic mapping
Using geobrowsers for thematic mapping
 
Depth image recognition using isomorphic graph theory
Depth image recognition using isomorphic graph theoryDepth image recognition using isomorphic graph theory
Depth image recognition using isomorphic graph theory
 
Data visualization representation of Analytics data
Data visualization representation of Analytics  dataData visualization representation of Analytics  data
Data visualization representation of Analytics data
 
Mobile Mapping Applications
Mobile Mapping ApplicationsMobile Mapping Applications
Mobile Mapping Applications
 
Ib geo skills overview
Ib geo skills overviewIb geo skills overview
Ib geo skills overview
 
Maptime Madison: December 7th, 2016
Maptime Madison: December 7th, 2016Maptime Madison: December 7th, 2016
Maptime Madison: December 7th, 2016
 
AshrafCGPortFolio.compressed
AshrafCGPortFolio.compressedAshrafCGPortFolio.compressed
AshrafCGPortFolio.compressed
 
CONNECTING BENTLEY AND ESRI TERRAIN DATA
CONNECTING BENTLEY AND ESRI TERRAIN DATA CONNECTING BENTLEY AND ESRI TERRAIN DATA
CONNECTING BENTLEY AND ESRI TERRAIN DATA
 
Maplat - Historical map viewer technology that guarantees nonlinear bijective...
Maplat - Historical map viewer technology that guarantees nonlinear bijective...Maplat - Historical map viewer technology that guarantees nonlinear bijective...
Maplat - Historical map viewer technology that guarantees nonlinear bijective...
 
Visual Analytics Interface for Time Series Data based on Trajectory Manipulation
Visual Analytics Interface for Time Series Data based on Trajectory ManipulationVisual Analytics Interface for Time Series Data based on Trajectory Manipulation
Visual Analytics Interface for Time Series Data based on Trajectory Manipulation
 
Client side rendering of maps using MapCSS
Client side rendering of maps using MapCSSClient side rendering of maps using MapCSS
Client side rendering of maps using MapCSS
 
Identify Graphs in excel
Identify Graphs in excelIdentify Graphs in excel
Identify Graphs in excel
 
Vincent Sarago (Mapbox) | Traitement d’imagerie satellitaires de masse en ut...
Vincent Sarago (Mapbox)  | Traitement d’imagerie satellitaires de masse en ut...Vincent Sarago (Mapbox)  | Traitement d’imagerie satellitaires de masse en ut...
Vincent Sarago (Mapbox) | Traitement d’imagerie satellitaires de masse en ut...
 
ImĂĄgenes 2nd AVOCAAD Conference
ImĂĄgenes 2nd AVOCAAD ConferenceImĂĄgenes 2nd AVOCAAD Conference
ImĂĄgenes 2nd AVOCAAD Conference
 

Andere mochten auch

Introduction to mapping
Introduction to mappingIntroduction to mapping
Introduction to mapping
TonyCassidy
 
The Map Of Innovation
The Map Of InnovationThe Map Of Innovation
The Map Of Innovation
Vichian Suksoir
 
Anna Tutak - Marks the Spot: Creating Experience Maps
Anna Tutak - Marks the Spot: Creating Experience MapsAnna Tutak - Marks the Spot: Creating Experience Maps
Anna Tutak - Marks the Spot: Creating Experience Maps
Product Development Days
 
AVID Overview - Cornell Notes
AVID Overview - Cornell NotesAVID Overview - Cornell Notes
AVID Overview - Cornell Notes
Jennifer Chiwaki
 
Making Web Maps Beautiful & Different with TileMill
Making Web Maps Beautiful & Different with TileMillMaking Web Maps Beautiful & Different with TileMill
Making Web Maps Beautiful & Different with TileMill
arno974
 
Cornell notes intro template
Cornell notes intro templateCornell notes intro template
Cornell notes intro template
mcicconi
 

Andere mochten auch (20)

Introduction to mapping
Introduction to mappingIntroduction to mapping
Introduction to mapping
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 
Using Data Services in QGIS by Richard Evans
Using Data Services in QGIS by Richard EvansUsing Data Services in QGIS by Richard Evans
Using Data Services in QGIS by Richard Evans
 
Creating Maps With Style
Creating Maps With StyleCreating Maps With Style
Creating Maps With Style
 
The Map Of Innovation
The Map Of InnovationThe Map Of Innovation
The Map Of Innovation
 
Anna Tutak - Marks the Spot: Creating Experience Maps
Anna Tutak - Marks the Spot: Creating Experience MapsAnna Tutak - Marks the Spot: Creating Experience Maps
Anna Tutak - Marks the Spot: Creating Experience Maps
 
NYC Open Data Meetup--D3.js workshop ii make beautiful maps
NYC Open Data Meetup--D3.js workshop ii make beautiful mapsNYC Open Data Meetup--D3.js workshop ii make beautiful maps
NYC Open Data Meetup--D3.js workshop ii make beautiful maps
 
Global deforestation through time. Presentation at ESA
Global deforestation through time. Presentation at ESAGlobal deforestation through time. Presentation at ESA
Global deforestation through time. Presentation at ESA
 
Making beautiful maps with Mapbox Studio by Charley Glynn
Making beautiful maps with Mapbox Studio by Charley GlynnMaking beautiful maps with Mapbox Studio by Charley Glynn
Making beautiful maps with Mapbox Studio by Charley Glynn
 
Blackboard.ppt template
Blackboard.ppt templateBlackboard.ppt template
Blackboard.ppt template
 
Edi road mapping for innovations
Edi road mapping for innovationsEdi road mapping for innovations
Edi road mapping for innovations
 
AVID Overview - Cornell Notes
AVID Overview - Cornell NotesAVID Overview - Cornell Notes
AVID Overview - Cornell Notes
 
Making Web Maps Beautiful & Different with TileMill
Making Web Maps Beautiful & Different with TileMillMaking Web Maps Beautiful & Different with TileMill
Making Web Maps Beautiful & Different with TileMill
 
Cornell notes intro template
Cornell notes intro templateCornell notes intro template
Cornell notes intro template
 
Classification of Programming Languages
Classification of Programming LanguagesClassification of Programming Languages
Classification of Programming Languages
 
Cornell Notes Student PPT
Cornell Notes Student PPTCornell Notes Student PPT
Cornell Notes Student PPT
 
Answer In The Dark
Answer In The DarkAnswer In The Dark
Answer In The Dark
 
Facility Layout in production management
Facility Layout in production managementFacility Layout in production management
Facility Layout in production management
 
Programming languages
Programming languagesProgramming languages
Programming languages
 
Year 11 Revision Of Skills
Year 11 Revision Of SkillsYear 11 Revision Of Skills
Year 11 Revision Of Skills
 

Ähnlich wie Making Beautiful Maps: Oct 5 2011

Data Models - GIS I
Data Models - GIS IData Models - GIS I
Data Models - GIS I
John Reiser
 
GRP 1 GIS Presentation.pptx
GRP 1 GIS Presentation.pptxGRP 1 GIS Presentation.pptx
GRP 1 GIS Presentation.pptx
GauravDas84
 
Gis Tutorial Purnawan
Gis Tutorial PurnawanGis Tutorial Purnawan
Gis Tutorial Purnawan
Kodok Ngorex
 
IGIS Workshop - Introduction to ArcGIS Pro - Apr 2022 - Presentation.pdf
IGIS Workshop - Introduction to ArcGIS Pro - Apr 2022 - Presentation.pdfIGIS Workshop - Introduction to ArcGIS Pro - Apr 2022 - Presentation.pdf
IGIS Workshop - Introduction to ArcGIS Pro - Apr 2022 - Presentation.pdf
noureddinebassa1
 
Continuing Our Look At Primary And Secondary Data
Continuing Our Look At Primary And Secondary DataContinuing Our Look At Primary And Secondary Data
Continuing Our Look At Primary And Secondary Data
guest9fa52
 

Ähnlich wie Making Beautiful Maps: Oct 5 2011 (20)

Geocart workshop
Geocart workshopGeocart workshop
Geocart workshop
 
3D Visualization in ArcGIS Pro
3D Visualization in ArcGIS Pro3D Visualization in ArcGIS Pro
3D Visualization in ArcGIS Pro
 
Datascape Introduction
Datascape IntroductionDatascape Introduction
Datascape Introduction
 
GIS Analysis For Site Remediation
GIS Analysis For Site RemediationGIS Analysis For Site Remediation
GIS Analysis For Site Remediation
 
GIS_Intro_March_2014
GIS_Intro_March_2014GIS_Intro_March_2014
GIS_Intro_March_2014
 
QGIS Training.pptx
QGIS Training.pptxQGIS Training.pptx
QGIS Training.pptx
 
A step towards interactive displays of digital elevation models
A step towards interactive displays of digital elevation modelsA step towards interactive displays of digital elevation models
A step towards interactive displays of digital elevation models
 
Seeing your place in a new way - NodeconfEU 2018
Seeing your place in a new way -  NodeconfEU 2018Seeing your place in a new way -  NodeconfEU 2018
Seeing your place in a new way - NodeconfEU 2018
 
Building story maps
Building story mapsBuilding story maps
Building story maps
 
Data Models - GIS I
Data Models - GIS IData Models - GIS I
Data Models - GIS I
 
K10765 Matlab 3D Mesh Plots
K10765 Matlab 3D Mesh PlotsK10765 Matlab 3D Mesh Plots
K10765 Matlab 3D Mesh Plots
 
GRP 1 GIS Presentation.pptx
GRP 1 GIS Presentation.pptxGRP 1 GIS Presentation.pptx
GRP 1 GIS Presentation.pptx
 
GIS - lecture-1.ppt
GIS - lecture-1.pptGIS - lecture-1.ppt
GIS - lecture-1.ppt
 
Gis Tutorial Purnawan
Gis Tutorial PurnawanGis Tutorial Purnawan
Gis Tutorial Purnawan
 
Mapping toolbox
Mapping toolboxMapping toolbox
Mapping toolbox
 
IGIS Workshop - Introduction to ArcGIS Pro - Apr 2022 - Presentation.pdf
IGIS Workshop - Introduction to ArcGIS Pro - Apr 2022 - Presentation.pdfIGIS Workshop - Introduction to ArcGIS Pro - Apr 2022 - Presentation.pdf
IGIS Workshop - Introduction to ArcGIS Pro - Apr 2022 - Presentation.pdf
 
Continuing Our Look At Primary And Secondary Data
Continuing Our Look At Primary And Secondary DataContinuing Our Look At Primary And Secondary Data
Continuing Our Look At Primary And Secondary Data
 
Surfer 1.pdf
Surfer 1.pdfSurfer 1.pdf
Surfer 1.pdf
 
Create swath profiles in GRASS GIS
Create swath profiles in GRASS GISCreate swath profiles in GRASS GIS
Create swath profiles in GRASS GIS
 
Power BI - Choose your map
Power BI - Choose your mapPower BI - Choose your map
Power BI - Choose your map
 

KĂŒrzlich hochgeladen

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 

KĂŒrzlich hochgeladen (20)

How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 

Making Beautiful Maps: Oct 5 2011

Hinweis der Redaktion

  1. The world according to Anaxinemes, 500 BC Rectangular form supported by compressed air
  2. Incorporated knowledge of Indian Ocean and Far East gathered by merchants Muhammad al-Idrisi, 1154
  3. Waldseemuller map, 1507 First map to use “America” Library of Congress
  4. William Smith 1815 First national scale geological map, rock strata etc
  5. Baron Charles Dupin, France, 1826 First known chloropleth map depicting education rates around France Mapping social data, not just geography
  6. John Snow, cholera deaths in London in 1840s, published 1854. Deaths centered around one pump, pump handle removed after map and deaths ceased instantly. Mapping as a tool to solve social problems
  7. Louis-Leger Vauthier, 1874, map of Paris population density by contour lines (isolines) Applying geographic visualization techniques to non-geodata
  8. Mapping web service launched in 1996
  9. 3d high resolution birds eye view of entire world, instantly, for free Ability to add data, get driving directions, and curate your own maps
  10. Map of facebook users as expression of humanity
  11. Mapping, geodata, and visualization is a ubiquitous tool for: - analysis - storytelling - communication - activism - transparency - social change
  12. You can make awesome maps Hand-placed lettering of landmarks, routes, streets, rivers, etc Took hundreds of hours of work Axis Maps
  13. You can incorporate into art in a more qualitative way Interplay between hard data and aesthetics, artistic mediums
  14. You can use them as a canvas or material in other work
  15. Basically any plain surface you see, just picture a map on it
  16. Maya lin at Academy of Sciences Creates massive 3D wire sculpture inspired by topographic data of SF
  17. Huge glue lam cut blocks based on topography
  18. But realistically, maps can make a difference immediately on personal and work projects as way to help your community or business and take your projects one step further This is the biggest takeaway from this class – take existing design skills and incorporate mapping elements where you wouldn't have before
  19. Maps have layers (cue video)
  20. Raster base with vector overlays for geography and data
  21. A smiley face shows the three main types of vector data (0D, 1D, 2D)
  22. Raster data is a grid with values attached to it Mainly used for elevation, satellite imagery, heat mapping/interpolation, and specific types of grid-based analysis
  23. Apparently we're not the first ones to have trouble parking in the city San Francisco Traffic Survey of off-street parking, 1937 Graduated circle map (size = size of lot) is popular way to show values of point data
  24. Change of elevation and bike routes
  25. Neighborhoods are good example of polygons Can have data attached to them or not This map made for USSF, exploring neighborhood connections with Zeum
  26. Eric Fischer, tourists (red) vs locals (blue) Lines connect where one person took multiple photos within 10 minutes or 3 miles (highlights routes)
  27. Closeup shows how spatial data outlines other forms
  28. Points represent landmarks on map using icons Lines represent roads Polygons represent areas of park and boundaries between spaces Raster (eg elevation) could be easily added as underlay
  29. Basically a set of one or more geolocated shapes with a spreadsheet of information on top of it Industry standard for spatial data