Creating a storymap timeline

[CarlyLovett]

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!

[LeeBock · Accepted solution]

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

[CarlyLovett]

Hi Lee,

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

[JenniferMinnick]

Hi there - 

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

Thanks!

Nif

[LeeBock]

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]

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]

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!

[JohannaPrüssmann1]

I would love it if it were possible to have a Timeline widget or block or something, where I could showcase maps and multimedia contents in a manner similar to the Portfolio Instant App, but with the ability to select the different contents from a timeline in the lower part of the screen, where I can set time periods for the different contents.

Something similar to this example:
Revolutionary User Interfaces (knightlab.com)

I'm not a coder, so building it from scratch is sadly not an option for me.

Thanks in advance!

[OwenGeo]

Answer to a duplicate question can be found on this thread Solved: Re: Timeline Storymap - Esri Community