I. Social Explorer

2016-04-19 11_45_40-Boyle Heights - Social Explorer2

The web application allows us to utilize and download census data that is available in Boyle Heights:

  • Census tracts start being accounted for in Boyle Heights starting in 1970s
  • Some examples of census data that is available are:
    • Age
    • Sex
    • Race
    • Income
    • Housing
    • Employment Sector
  • You can use these to generate movies or interactive narratives, but not for offline viewing

Link to the Social Explorer tutorial:

http://sandbox.idre.ucla.edu/sandbox/getting-started-with-social-explorer-and-exporting-data

II. Mapbox and GeoJSON.io

2016-04-19 12_45_34-Mapbox _ Design and publish beautiful maps

https://www.mapbox.com/

These are tools that allow you to add data and work across multiple mapping platforms and create geospatial data. Here is a Boyle Height’s boundary to get started:

Boyle Heights KML | Boyle Heights geoJson

2016-04-20 09_48_29-geojson.io

http://geojson.io/

III. Creating dynamically updated maps with Leaflet

You can use data from live google spreadsheets or MapBox maps in order to visualize various data sets.

  1. Begin by downloading this zip file and hosting the files onto a server (or local server if you do not have a web development environment):
    BoyleHeightsTemplate.zip
  2. Copy Boyle Heights Template Spreadsheet:
    https://docs.google.com/spreadsheets/d/10-kgV7Zb72C1_ncCswHjcETPh5kKgiEFWP6FPs_t3g8/edit#gid=1560860530
  3. Then go to the gsJson return and copy the ids of the worksheets:
    http://sandbox.idre.ucla.edu/tools/gsJson/
  4. Paste the spreadsheet into line 103:
    2016-04-19 13_36_55-__whippet.ats.ucla.edu_inetpub2_wwwroot_testroom_fairfax_template.html (fairfax)
  5. You now have a basic mapping template for a side-by-side comparison map!
  6. https://docs.google.com/document/d/1B-wIvfLeZCBVJwrAeOdsTYQkCaAIBnrakACf2_ZTDeE/pub

Dual Viewer: http://sandbox.idre.ucla.edu/testroom/classes/template.html

Single Viewer: http://sandbox.idre.ucla.edu/testroom/classes/templateSingle.html