Embed data visualisation from external sites

Aside from creating your own, you can also integrate third-party data visualisations into your Lapis stories.

Embed a Flourish visualisation

1. Publish your Flourish visualisation: In Flourish, click the "Export and Publish" button at the top right of the visualisation editor. Only published visualisations can be embedded into your data story.
   
   
2. Copy your Flourish visualisation link: Click the "Export and Publish" button at the top right of the visualisation editor. Copy and paste the visualisation sharing link.
   
   

3. Add the Flourish Visualisation Content Block in Lapis: In Lapis, add the Flourish visualisation content block by clicking the + button or type /flourish in an empty text content block in your Lapis story.
   
   

4. Insert Your Flourish Visualisation link or ID: Copy and paste your Flourish visualisation link or ID and click 'Embed'. Your Flourish visualisation should appear as a content block in your story.
   
   

✨  Not sure where to find your Flourish link? Click the 'Export and Publish' button in the Flourish editor. Your Flourish visualisation link is the first link under the 'Export and Publish' menu.

Embed a Datawrapper visualisation

1. Retrieve your URL from Datawrapper:

   1. Open your Datawrapper visualisation.
   2. On the Publish & Embed page, navigate to the “Share & Embed” menu.
   3. Select 'Visualisation only'.
   4. Copy the link displayed.
      
      

2. Add the Datawrapper Visualisation Content Block: In Lapis, click the + button or type /Datawrapper in any empty text content block in your Lapis story.
   
   

3. Insert Your Datawrapper Visualisation Link: Paste the Datawrapper visualisation link and click 'Embed'.

Embed an Observable Notebook visualisation

1. Update your Share settings in Observable Notebook:

   1. Open your Observable Notebook.
   2. Click the Share… button on the top right corner of the visualisation.
   3. Set the Public setting to “Can view” or “Can view (unlisted)”.
      
      

2. Retrieve the Notebook link: After the preview is created, select “Entire notebook” to embed the entire notebook or check your preferred cells to embed selected variables, and then click “Copy URL only”.
   
   

3. Export selected cells only: 

   1. Exit the Share settings.
   2. Click the three dots on the top right of the visualisation.
   3. Select Export → Embed Cells.
      
      

4. Add the Observable Notebook Content Block:  In Lapis, click the + button or type /Observable in any text content block in your Lapis story.
   
   

   
   

5. Insert Your Observable Notebook Visualisation Link: Paste your Observable Notebook URL and click 'Embed'.

Embed a Tableau Public visualisation

✨  Only Tableau Public visualisations can be embedded on Lapis.

1. Copy your Tableau Visualisation link:

   1. Open your Tableau Public visualisation.
   2. Click Share at the top right corner of the visualisation to open the Share menu.
   3. Click Copy Link.
      
      

2. To retrieve the Tableau link, click the “Share” button located at top right corner of the visualisation.
   
   

3. Add the Tableau Content Block: In Lapis, click the + button or type /Tableau in any text content block in your Lapis story.

   
   

4. Insert Your Tableau Visualisation Link: Paste your Tableau Visualisation link and click Embed.
   
   

5. Adjust the Size of Your Tableau Visualisation: To adjust the view of your Tableau Visualisation, click the pencil icon at the bottom right corner, and select the appropriate content area size.

   
   

   All embedded visualisations will have the “Contained” size by default. To adjust this, click the pencil icon button at the bottom right corner of your visualisation.

✨  To make sure your visualisation is responsive, set the size to “Automatic” on your Tableau visualisation.