Web Maps and Data Visualisation

Web Maps and Data Visualisation

This session will introduce some key aspects of visualising your research data using web-based maps.

Participants will have the opportunity to get hands-on and follow along with a demonstration of how to create your own simple web-based maps, using Google Maps and Carto.

Presented at NUI Galway as part of a series of informal workshops to share practice-based expertise, know-how and experience in technologies and methods germane to anyone engaged in Digital Scholarship type activity.

9750ec5f02443a90ca0eeb76806cadcc?s=128

Dave Kelly

March 29, 2018
Tweet

Transcript

  1. Web Maps & Data Visualisation David Kelly Digital Humanities Manager,

    Moore Institute @ NUI, Galway 29 March, 2018 | Digital Scholarship Workshop Series
  2. http://bit.ly/moore-maps-18

  3. http://luminocity3d.org/WorldPopDen/#4/37.37/53.17

  4. galwaydashboard.ie

  5. Dr Patrick Collins & Dr Aisling Murtagh – Geography @

    NUI Galway
  6. https://www.nytimes.com/interactive/2016/01/07/us/drug-overdose-deaths-in-the-us.html

  7. https://www.shipmap.org/

  8. https://parallel.co.uk/3D/laei-no2

  9. Tools

  10. • Limited free plans available * Code-based alternative: • Map

    design • Data storage • Embed maps carto.com mapbox.com
  11. storymap.knightlab.com Omeka Plugin

  12. None
  13. Anatomy of a Web Map

  14. - A kind of digital map, but… - Not GIS

    applications (Geographic Information System) - Not Google Earth-style - Not print maps - Published online - embedded - Uses Tiles - 256 x 256 pixels - A ”Slippy” map http://a.tile.openstreetmap.se/hydda/full/15/15559/10631.png
  15. Web maps - Zoom levels ( => number of tiles

    increases exponentially) http://maptime.io/anatomy-of-a-web-map https://wiki.openstreetmap.org/wiki/Zoom_levels
  16. Projections - Google Maps uses Mercator Projection - Works well

    for 2D maps * http://maptime.io/anatomy-of-a-web-map
  17. https://thetruesize.com/#/aboutModal?borders=1~!MTczNTA0Njk.NTIw MzQ0NA*MzQ4MDk2ODM(Nzk2MDEy~!GL*MA.MTgwMDAwMDA)MA

  18. Think: Layers

  19. Layers: Base Layer (Raster Map Tiles)

  20. Data Layers - Feature (content) layers on top - Vectors

    – points / lines / polygons - Latitude / longitude [53.27392, -9.05102] - Data used in interaction - Data can be stored as GeoJSON, Shapefiles, TopoJSON, KML, CSV - We’ll use some CSV data
  21. Layers - Controls - For example: Zoom, legend, layer switcher,

    titles, search
  22. Now, make a map

  23. We want to… - Get (and prepare) data - Create

    a new map and upload our data to it - Customise map markers / interaction - Change the base map - Get an embed code to publish the map on our website
  24. Data https://data.gov.ie/dataset/national-inventory-of-architectural- heritage-niah-national-dataset

  25. • REG_NO • NAME * • NUMBER • STREET1 •

    STREET2 • TOWN • TOWNLAND • COUNTY • COUNTY_ID • PLANAUTH • COMPOSITION * • APPRAISAL • DATEFROM * • DATETO • RATING • ORIGINAL_TYPE • X_COORD • Y_COORD • X_COORD_ITM • Y_COORD_ITM • LATITUDE * • LONGITUDE * • IMAGE_LINK • WEBSITE_LINK • SURVEY_ID • Link
  26. Prepare our data A free, open source, powerful tool for

    working with messy data openrefine.org • Clean the data to make values consistent * • Extract data we’re interested in * • Geo-code data ( https://github.com/OpenRefine/OpenRefine/wiki/Geocoding ) • If Google: Google Maps TOS, and limited to 2,500 addresses per day
  27. Data https://data.gov.ie/dataset/national-inventory-of-architectural- heritage-niah-national-dataset

  28. None
  29. None
  30. 1. Google Maps

  31. None
  32. https://mymaps.google.com

  33. http://www.davidkelly.ie/talks/nuig-mapping-2018/google-map-example/

  34. 2. carto.com

  35. None
  36. None
  37. http://www.davidkelly.ie/talks/nuig-mapping-2018/carto-map-example/

  38. Thank you David Kelly david.d.kelly@nuigalway.ie @davkell | linkedin.com/in/davkell