How to embed charts in your Line, bar, pie popups and panels
WARNING: This help doc uses a shortcut embed that is currently available only in the Line, bar, pie template. For the general embed method, read this help doc.
We are rolling out a new way to embed charts in popups and panels. Once this feature becomes available in other Flourish templates, it will be reflected in the table in this help doc.
1
In your main visualization, go to Popups and panels and enable Custom popup content.

2
Once you are happy with your underlying visualization, click on the Export and publish button in the top-right hand corner and publish the chart.

3
Take a look at the underlying visualization's URL – this is where you will find the chart's unique ID. Copy the number string.

4
Back in your default Line, bar, pie visualization, paste the unique ID that you just copied in the following format:
{{visualisation/CHART-ID}}

5
If you want to embed a Flourish story, you can do this using the same method – with the only difference that you need to replace visualisation
with story
:
{{story/CHART-ID}}

6
You can even embed charts dynamically, by using the information in a column binding. This is useful when you need different visualizations or stories embedded for different series of your chart.
7
To do this, add a new column in the Data tab and call it visualization_ID. Then bind it under Info for custom popups. In there, paste all relevant visualization IDs in separate cells.

8
In the custom popup content, you now need to provide a link to the visualization_ID column, instead of a single chart ID. Do this using the following code:
{{visualisation/{{visualization_ID}}}}
