Register to watch the webinar

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Adblock detected. If you have any problems registering try disabling the browser extension and refreshing this page.

Lunchbox
Thursday
April 30, 2020
  |  
12:00 pm
  
(PST)
  |  
Duration: 
44:22

Live-coding demo: How to use the Mapbox Storytelling Template to create a story map

Stephen Gheysens

Technical Account Manager

About this episode

Maps make data understandable, powerful and memorable. Join this session to learn how to use our “Storytelling Template” to quickly build an interactive experience with high-quality map visuals. This storytelling format — sometimes called “scrollytelling” — lets you include as much context as you want, and define the locations your users look at. It’s a great way to bring stories to life.

You’ll learn how to...

  • Download the template and choose your style
  • Add the places you want to include in your story
  • Add photos and text content to enrich each chapter
  • Publish your project to share it with the world!

Code-along resources

1. Here's the Interactive Storytelling template which links to the code

2. To code along, create a free Mapbox account.

3. Here's the exact data Stephen uses in his demo.

4. Mapbox documentation for the dataset editor and adding a 3D model to your map.

5. Other helpful links mentioned during the program: codepen.io and netlify.com

6. Inspiring examples using this template:
amazonteam.org/maps/guiana-shield
interactive.aljazeera.com/aje/2020/saving-the-nile
map.huttrip.com
arkansasonline.com/2020marathon
washingtonpost.com/graphics/2020/climate-solutions/

Registration

Thursday, April 30, 2020
  |  
12:00 pm
  
(PST)
Thank you for registering!
*All registered participants will receive a link to the recording.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

If you're having trouble registering try disabling any ad blocker or browser extension and refresh the page.

Stephen Gheysens

Technical Account Manager

About this episode

Maps make data understandable, powerful and memorable. Join this session to learn how to use our “Storytelling Template” to quickly build an interactive experience with high-quality map visuals. This storytelling format — sometimes called “scrollytelling” — lets you include as much context as you want, and define the locations your users look at. It’s a great way to bring stories to life.

You’ll learn how to...

  • Download the template and choose your style
  • Add the places you want to include in your story
  • Add photos and text content to enrich each chapter
  • Publish your project to share it with the world!

Code-along resources

1. Here's the Interactive Storytelling template which links to the code

2. To code along, create a free Mapbox account.

3. Here's the exact data Stephen uses in his demo.

4. Mapbox documentation for the dataset editor and adding a 3D model to your map.

5. Other helpful links mentioned during the program: codepen.io and netlify.com

6. Inspiring examples using this template:
amazonteam.org/maps/guiana-shield
interactive.aljazeera.com/aje/2020/saving-the-nile
map.huttrip.com
arkansasonline.com/2020marathon
washingtonpost.com/graphics/2020/climate-solutions/

Discover other webinars

See all