How to add a visualization or story to a presentation

You can include Flourish visualizations and stories in any slide deck made with a presentation tool like PowerPoint, Keynote or Google Slides. Depending on what you want to include, how you want to include it, and what tool you're using, you have a few different options.

NOTE: Please note that not all presentation tools support interactive Flourish content. The easiest way to add a fully interactive, easily-resizable and animated Flourish project to a presentation is by adding it to Canva. Read more about this here.

For the full, interactive project

Using Canva

The easiest way to fully embed a Flourish visualization or story is by using the online presentation tool Canva. This solution allows you to present on any device without the need to install anything – you don't even have to publish your Flourish projects to add them to a presentation! Learn more about this here.

Using PowerPoint

You can embed a Flourish visualization or story in a PowerPoint by using an add-in called WebViewer.

1

You can either install the add-in from inside PowerPoint itself (Insert > Get Add-in's > Search "Web Viewer" in the Microsoft Add-in store)...

... or by navigating to the Add-in store from your web browser, searching for "Web Viewer" and clicking "Get it now".

WARNING: Anyone you share your presentation with will need to "trust" the WebViewer add-in, which then automatically installs it onto their local version of PowerPoint. In some enterprise environments, this might be blocked by corporate security policies.

2

After you've installed Web Viewer, you can add it to a slide by going to Insert > My Add-ins, and double-clicking on "Web Viewer".

3

You'll then need to paste in the URL of a published Flourish visualization or story. The most convenient way to grab this is to click the Publish button, choose Iframe, and then copy the embed code.

After that, open any text editor and paste the code in. You need the "http://flo.uri.sh/visualisation/[ID]/embed" link, so copy that.

You can now paste it into Webviewer.

4

Once your visualization or story is in a slide, you can resize the Web Viewer frame, add other text or images, and even include multiple Flourish projects in a single slide.

5

When you run PowerPoint in Slide Show mode, the Flourish visualization or story should automatically load and be fully interactive or animated.

6

WARNING: This method of embedding Flourish interactive content has some limitations. Read more below.

Some limitations with this method:

• Flourish visualizations and stories are published to the web, so your computer – and the computer of anyone viewing your PowerPoint deck will need an internet connection in order to view the visualizations.
• Anyone you share your presentation with will need to "trust" the add-in, which then automatically installs it onto their local version of PowerPoint. In some enterprise environments, this might be blocked by corporate security policies.
• Under the hood, Web Viewer relies upon Internet Explorer, which means that Flourish visualizations built using WebGL – for example, our 3D Map and Marker Map – don’t work.
• If you've published a Flourish visualization or story behind a password, Web Viewer will still work, but anyone who views the presentation themselves will need to enter the password.

For static images

To add a static image of a visualization to your presentation, you can always take a screenshot of the graphic. (Here are some tips for doing this on Windows and on a Mac.) Many templates also have an image download feature, which lets you download JPEGs and PNGs – and often SVGs – of your visualization.

For videos or GIFs

If you want to capture the animations of visualization or story, you can take a screen recording and then add that – either as a video or as a GIF – to your presentation.