Welcome to the Urban Drool Tool docs!

View and suggest tasks (by opening an Issue) on the Project board.

Theresa has documented how we set up our GitHub Pages site with Jekyll.

• .zip of data in R (includes .dbf) from OC Public Works & Moulton Niguel Water District
• Mapbox Studio (ask a CodeLab organizer for account info), GL JS API
• GitHub Pages (Jekyll)

Basemap, Tileset, Dataset (provided by CA Data Collaborative)

Shape file (.shp) contains point / line / polygon

• Bright blue point = discharge points (stormwater drains)
• Orange polygon (set at 0 fill color opacity) = census blocks
• Light blue polygon = discharge tributaries

• Blue is best for water-related data
• Points/lines are most visible when layered on top of polygons
• Bleeding map canvas with CSS

• To click on points for more info > Display a popup on click > using Mapbox Classic / Leaflet > Mapbox GL JS (Mapbox is built on top of Leaflet) <div class="leaflet-popup-pane"></div> > GeoJSON provides keys & values

• Separating UI from data
• Adding input box for user to enter address and find nearest storm drain
• Indicating areas outside of region (ex: gray-out?)
• Using census blocks to compare water usage with # of residents vs. industrial water waste, income levels
• Converting polygon data as .shp files to GeoJSON (because Mapbox only takes GeoJSON data)
• Where is the geodata/coordinates stored on Mapbox? > back-end?
• Referring to data
• Returning Mapbox geocoder > Where is search bar getting the location? https://github.com/codelaboc/CA-Stormwater-Data-Challenge/issues/9
• When map loads, add an empty feature collection so we can put a point in it
  • Markers on this layer
  • ev = event
  • getSource
• How to do a popup in Mapbox GL
  • Set a point after Geocoder result
  • Display a popup

• @kosamari's tweet
  • Subject-Verb-Object (active voice)
  • Include “signposts” (words that help relate parts of a sentence)
  • Eliminate ambiguity
  • Avoid uncommon words and nonliteral usages (like slang or irony)
  • Rewrite text that does translate literally
• Example docs: DevDocs, "How to Report an Issue" for Adobe Brackets, "Wayfinding: Writing for Accessibility" by @nicoleslaw