Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
storyline.txt
Access Token: pk.eyJ1Ijoic2dtYXBib3giLCJhIjoiY2s5NHViY251MDUweDNkbzVnYmJtbXYydCJ9.8Ra0D8yuCz7g6UMyWaMNpA
Style: mapbox://styles/sgmapbox/ck8etv6jr25781jqhhq8clbzc
Story
--------------
National Mall
The National Mall in Washington DC is an amazing public asset, free for all to enjoy. Here\'s a brief tour of highlights around "The Mall", that you should be sure not to miss should you visit!
location: {
center: { lon: -77.03279, lat: 38.89016 },
zoom: 14.18,
pitch: 59.5,
bearing: -1.19,
},
onChapterEnter: [
{
layer: 'natmall-path',
opacity: 0.9,
},
],
onChapterExit: [
{
layer: 'natmall-path',
opacity: 0,
},
],
Smithsonian Museums
There are a variety of sites and museums to visit, many for free. The Smithsonian museums had over 22.1M combined visitors in 2019 - here are some of their individual counts. The National Museum of Natural History led attendance numbers with 4.2m visitors over the course of 2019.
location: {
center: { lon: -77.02691, lat: 38.89237 },
zoom: 14.68,
pitch: 0.0,
bearing: 0.0,
},
onChapterEnter: [
{
layer: 'natmall-visitors-circles',
opacity: 1,
},
{
layer: 'natmall-visitors-labels',
opacity: 1,
},
],
onChapterExit: [
{
layer: 'natmall-visitors-circles',
opacity: 0,
},
{
layer: 'natmall-visitors-labels',
opacity: 0,
},
],
US Botanic Garden
More than 200 years ago, George Washington had a vision for the capital city of the United States that included a botanic garden that would demonstrate and promote the importance of plants to the young nation. Established by the U.S. Congress in 1820, the U.S. Botanic Garden is one of the oldest botanic gardens in North America. The exhibits at the Botanic Gardens are a great way to learn about nature, no matter the weather outside!
image: https://www.usbg.gov/sites/default/files/resize/images/national_garden_at_the_u.s._botanic_garden_-_rose_garden_1-451x338.jpg',
location: {
center: { lon: -77.01297, lat: 38.88811 },
zoom: 16.06,
pitch: 32.5,
bearing: -60.0,
},
onChapterEnter: [
{
layer: 'natmall-buildings',
opacity: 0.8,
},
],
onChapterExit: [
{
layer: 'natmall-buildings',
opacity: 0.3,
},
],
National Museum of African American History and Culture
The National Museum of African American History and Culture is the only national museum devoted exclusively to the documentation of African American life, history, and culture. It was established by Act of Congress in 2003, following decades of efforts to promote and highlight the contributions of African Americans. Many of the Smithsonian museums can help you contextualize historical events, and this most recent addition (opened in 2016) is incredibly moving.
image: 'https://nmaahc.si.edu/sites/default/files/styles/hero/public/images/header/2016ak11_303_0.jpg?itok=oTABuRxV',
location: {
center: { lon: -77.03268, lat: 38.89109 },
zoom: 16.97,
pitch: 45.5,
bearing: -36.8,
},
onChapterEnter: [
{
layer: 'natmall-buildings',
opacity: 0.8,
},
],
onChapterExit: [
{
layer: 'natmall-buildings',
opacity: 0.3,
},
],
Lincoln Memorial
"In this temple, as in the hearts of the people for whom he saved the Union, the memory of Abraham Lincoln is enshrined forever." Beneath these words, the 16th President of the United States sits immortalized in marble as an enduring symbol of unity, strength, and wisdom.
location: {
center: { lon: -77.04895, lat: 38.88929 },
zoom: 16.18,
pitch: 59.5,
bearing: -91.09,
},
onChapterEnter: [
{
layer: 'natmall-buildings',
opacity: 0.8,
},
],
onChapterExit: [
{
layer: 'natmall-buildings',
opacity: 0.3,
},
],
Getting Around
The National Mall is a wonderful public space and easy to access. There are plenty of walkways and public transportation to reach all of these sites!
location: {
center: { lon: -77.03279, lat: 38.89016 },
zoom: 14.18,
pitch: 59.5,
bearing: -1.19,
},
onChapterEnter: [
{
layer: 'natmall-path',
opacity: 0.9,
},
],
onChapterExit: [
{
layer: 'natmall-path',
opacity: 0,
},
],
Netlify Drop
--------------
https://app.netlify.com/drop
Interactive Storytelling examples
-----------------------------------
https://interactive.aljazeera.com/aje/2019/nations-divided-mapping-canadas-pipeline/index.html
https://twitter.com/_sw1227_/status/1196373774636945409
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment