Creating a storymap timeline

4700
8
Jump to solution
09-09-2016 11:23 AM
CarlyLovett
New Contributor II

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!

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

8 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

CarlyLovett
New Contributor II

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 III

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
JohannaPrüssmann1
New Contributor III

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!

0 Kudos
OwenGeo
Esri Notable Contributor

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

Owen Evans
Lead Product Engineer | StoryMaps
0 Kudos