To work with Leaflet and HTML, I continued to use the development pipeline data from San Francisco for the second quarter of 2016. As this data shows the status of all projects, I used color to differentiate projects according to the following:

  • Red: Under construction
  • Green: Filed with the SF Planning Department
  • Blue: Building permit application filed

Clicking on each project allows the viewer to see the number of units, the neighborhood as well as more detailed information about the status of the project.