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.

Transcript

1. Web Maps &
   Data Visualisation
   David Kelly
   Digital Humanities Manager,
   Moore Institute @ NUI, Galway
   29 March, 2018 | Digital Scholarship Workshop Series
   

   View Slide

2. http://bit.ly/moore-maps-18
   

   View Slide

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

   View Slide

4. galwaydashboard.ie
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

9. Tools
   

   View Slide

10. • Limited free plans available *
    Code-based alternative:
    • Map design
    • Data storage
    • Embed maps
    carto.com
    mapbox.com
    

    View Slide

11. storymap.knightlab.com
    Omeka Plugin
    

    View Slide

12. View Slide

13. Anatomy of a Web Map
    

    View Slide

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
    

    View Slide

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
    

    View Slide

16. Projections
    - Google Maps uses Mercator Projection
    - Works well for 2D maps *
    http://maptime.io/anatomy-of-a-web-map
    

    View Slide

17. https://thetruesize.com/#/aboutModal?borders=1~!MTczNTA0Njk.NTIw
    MzQ0NA*MzQ4MDk2ODM(Nzk2MDEy~!GL*MA.MTgwMDAwMDA)MA
    

    View Slide

18. Think: Layers
    

    View Slide

19. Layers: Base Layer (Raster Map Tiles)
    

    View Slide

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
    

    View Slide

21. Layers
    - Controls
    - For example: Zoom, legend, layer switcher, titles,
    search
    

    View Slide

22. Now, make a map
    

    View Slide

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
    

    View Slide

24. Data
    https://data.gov.ie/dataset/national-inventory-of-architectural-
    heritage-niah-national-dataset
    

    View Slide

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
    

    View Slide

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
    

    View Slide

27. Data
    https://data.gov.ie/dataset/national-inventory-of-architectural-
    heritage-niah-national-dataset
    

    View Slide

28. View Slide

29. View Slide

30. 1. Google Maps
    

    View Slide

31. View Slide

32. https://mymaps.google.com
    

    View Slide

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

    View Slide

34. 2. carto.com
    

    View Slide

35. View Slide

36. View Slide

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

    View Slide

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

    View Slide