Controlling stories with scrollytelling
By default, Flourish stories include captions and buttons that let users move forward and back, through the slides. But in some cases, you might want to create a completely different kind of navigation, like a multi-button menu or a “scrollytelling” story, in which the user scrolls down a page to navigate through the story. This can be done with JavaScript by anyone with web development skills.
While it's possible to achieve this with JavaScript from scratch, we also offer a low-code solution via our own scrollytelling library which is available exclusively to our Enterprise customers. Get in touch with our sales team if you’re interested in getting scrollytelling on your own site – or reach out to your customer success manager if you are an existing Enterprise customer.
A scrollytelling demo
Scroll the page to see the story
Flourish stories let you create richer, more in-depth data narratives, with animation, to embed or present. Continue scrolling to move to the next slide!
Stories let you string together multiple visualisations, and if two slides are based on the same template – like this line chart and the column chart in the previous slide – you will usually get an animation.
You can also add annotations in stories, allowing you to draw attention to certain elements.
Stories also let you capture – and animate between – different views of a single visualization. For example, this visual made with the Survey template would look like this if you embedded it directly from the visualization editor.
But in a story, you can show any view – or views – you want, just by clicking around inside the visualization.
This is because the visualization editor can’t save a view of a visualization, but the story editor can!
Cool, right?
Speaking of maps …
Stories are especially useful for mapping templates – like the Marker map – because you can pan and zoom around and check out different areas of the map in different slides.
And highlight points of interest. Try clicking and dragging the map in this slide and it will save the view.
You can also add basic slide for text, images and videos…
And make use of different layout options. Get started with your own story now!