Skip to main content
Flourish

Embed your custom data visualizations made with Flourish Studio.

Lewis Bowen avatar
Written by Lewis Bowen
Updated over a week ago

Add data visualization to your project directly from Flourish to bring a whole new level of interactive content to your design.

Flourish element in Vev

Configuring the Flourish component

  1. Double-click the Flourish element on the canvas.

  2. Head over to the Properties panel on the right side.

  3. 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:

  • Bottom of the page.

  • Distance (px).

  • To an element.

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.

Did this answer your question?