Creating a storymap timeline

2987
6
Jump to solution
09-09-2016 11:23 AM
CarlyLovett
New Contributor

Hi there,

I am trying to make a story map with a section that functions as a timeline, i.e. a nice-looking chain of customisable dates that can be clicked on by the user to bring up pop ups with descriptive text and pictures. These do not necessarily have to be associated with points on a map as well.

Any ideas on how this might be done are welcome!

Here is an example of something similar to what I am trying for: http://storymaps.esri.com/stories/2014/nuclear-moonscape/

Thanks!

0 Kudos
1 Solution

Accepted Solutions
LeeBock
New Contributor III

Hi Carly,

I would recommend building on the JQuery slider.  That's what we did for our National Parks timeline story.  The nuclear moonscape timeline was written entirely from scratch, so it may not adapt well to other environments .  But if you want to see the code, the repo is here.

Lee

View solution in original post

6 Replies
LeeBock
New Contributor III

Hi Carly,

I would recommend building on the JQuery slider.  That's what we did for our National Parks timeline story.  The nuclear moonscape timeline was written entirely from scratch, so it may not adapt well to other environments .  But if you want to see the code, the repo is here.

Lee

View solution in original post

CarlyLovett
New Contributor

Hi Lee,

Thanks very much for your idea! I had been looking at the moonscape code and hoping there was another way.

0 Kudos
JenniferMinnick
Occasional Contributor

Hi there - 

Years later...is that code still available?  The github link doesn't work anymore.

Thanks!

Nif

0 Kudos
LeeBock
New Contributor III

Hi!

I had made that repo private because it was so old. But I just re-published it temporarily to you can access the code, so the link should work now.

Incidentally, my 3rd party slider of choice these days is the noUiSlider<https://refreshless.com/nouislider/> (in case you’re looking for one).

Lee

LeeBock
New Contributor III

p.s. we use the noUiSlider<https://refreshless.com/nouislider/> for this https://storymaps.esri.com/stories/terrorist-attacks/app. Also, thanks for your interest!

Lee

Ursu_Lacramioara
New Contributor II

Hi Lee - just read your notes about the National Parks timeline story map. Can you please provide some help? I am using a out of the box Map Series template to build a story map that needs to show the timeline and I like the work you did using the slider showing time on the National Parks Story Map - how do I create the slider?

Thank you!

0 Kudos