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
visualisationwithstory:{{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 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}}}}