Add data visualization to your project directly from Flourish to bring a whole new level of interactive content to your design.
Configuring the Flourish component
Double-click the Flourish element on the canvas.
Head over to the Properties panel on the right side.
Paste your Flourish link in the 'Flourish URL' field.
Enabling scrollytelling
If you want the Flourish to go to the next slides by scrolling, you can enable it by toggling the 'Scrollytelling' option in the Properties tab of the Flourish component. Once enabled you can adjust the following settings below.
Parameter | Options |
Number of slides | Specify how many slides you want to show through the scroll. |
Play for how long | Select how the Flourish should stop scrollytelling. Choose between:
|
Note: Remember to pin the position of the Flourish component for the scrollytelling to take effect. Learn how here.
Custom interactions
The Flourish component also has custom interactions to make your data visualization more immersive. Below you can find what actions are custom to the Flourish component.
Actions | Definition |
Next slide | The Flourish component goes to the next slide. |
Previous slide | The Flourish component goes to the previous slide. |
Set slide | The Flourish component goes to a specific slide. |