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
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
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
30. 1. Google Maps
32. https://mymaps.google.com
33. http://www.davidkelly.ie/talks/nuig-mapping-2018/google-map-example/
34. 2. carto.com
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