Samples from previous years

• What's in a Vacant Lot, Adrián León, Max Masuda-Farkas, and Xuezhu Zhao
• Surveillance in New Orleans, Briana Cervantes
• A Spatial History of House Music, Marlana Zink

Samples from elsewhere on the internet

• How the Air Campaign Against ISIS Grew, New York Times
• Philly’s Chinatown: 150 years of development, displacement, and resilience

Instructions

Step 1: Choose a topic

Choose a topic that is fruitfully explained with some combination of narrative and geographic elements. Think about what data you want to tell a story about. Whatever data you use, be sure to include citations somewhere in your app interface. You can choose a dataset from any of a number of sources, for example:

• Use data you've been working with for another class
• Create your own dataset (check out geojson.io)
• Find data from an open data repository...

OpenDataPhilly.org

OpenDataPhilly has lots of Philadelphia-specific data, like:

• Neighborhood Boundaries
• Historic Streets, Districts, or Properties
• School Information
• PA Horticultural Society Land Care

Other open data portals

Many other cities, counties, states, and countries have dedicated data portals as well. Here are a couple of lists of state-sponsored open data sites:

• Data.gov - Open Government
• Open Knowledge Foundation - DataPortals.org

Independently compiled data sources

Sources like Stop Demolishing Philly or other privately compiled data sources.

Use one of the template story maps in the templates/ folder, modified as you see fit, to explain your topic. For example, open templates/scrollytelly/ and copy the contents to the root folder in this repository. You can then modify the HTML, CSS, JavaScript, and data to suit your needs.

Step 2: Think About Slide Content

Your story will have multiple slides, each with a title, some additional text, maybe images, and geographic data. Your slide content will go straight into your HTML, and your map features will go in to separate GeoJSON files in the data/ folder.

Step 3: Submit your story map

Commit your code and push it to your repository on GitHub. Set up GitHub pages on the repository and submit a new pull request into the original project repository in the class organization.

Submission Checklist

• Pushed latest code to the main branch of your repository
• Linted JS and CSS code
• Turned on GitHub Pages for the repository and verified that your site works when deployed
• Submitted a pull request to the original repository in the class organization
• In the PR title, included your name at least
• In the PR description, included a brief description of your topic, and your target audience

Århusgade Quarter 55.70698227802691, 12.594967433381147 Carlsberg 55.66618408442288, 12.528432715809961 Grønttorvet 55.65674755244946, 12.50458518298971 Sluseholmen 55.64655546016508, 12.553650252055936 The Kalvebod Quarter 55.66597912467479, 12.566984342067506

Århusgade Quarter, Carlsberg, Grønttorvet, Sluseholmen, and The Kalvebod