We have a report right now with the interactions working they way we like them, but we want to separate the visualizations into separate DIV's in our web app and still have them interact with each like before. This is needed to layout the visualizations in a more responsive manner to the browser's width.
Currently, we reworked the report so each visualization is on a separated page. Our web app then renders the report and sets the report a specific page. This way we host all the visualizations in their own DIV.
Is it possible to get the visualization's interactions to continue to work this way? Currently they are not communicating their interactions with each other.
Also the loading of the page is very slow compared to when it was a single report. I'm presuming this is because its loading the data behind each report multiple times for each instance of the report I'm rendering. Is there anyway to speed this up?