Skip to content

mjumbewu/story-map-project

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Samples from previous years

This is just a change for the sake of change

A sample from elsewhere on the internet

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:

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:

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.

  • At least 5 slides
  • Host your site on GitHub Pages

Step 2: Think About Slide Content

Your story will have multiple slides, each with a title, some additional text, maybe images, and geographic data. Some parts of your slide content will go straight into your HTML, and other parts will go into a JavaScript structure to be placed on your map when the corresponding HTML content is visible.

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 the link to both the GitHub Repository and the live site on GitHub Pages via the assignment on the class Canvas.

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 59.0%
  • HTML 29.7%
  • CSS 11.3%