Black Lives Matter. Please consider donating to Black Girls Code today.

Insert existing plotly file into dash

Hi,

I have created a chart in plotly and I want to make dash display it. I do not want to recreate it using the dash components, just to embed the html of the file in Dash. Is there a way to achieve this?

The embedding html file consists of the following tags: “a”, “img”, “script”

For all of those the dash_html_components has an implementation. However I can’t understand what I should do with the dash_html_components.Script. the file’s script looks like:

<script data-plotly="blabla1" sharekey-plotly=blabla2&link=false" src="https://plot.ly/embed.js" async</script>

How am I supposed to structure the dash_html_components.Script component for the above example?

Instead of the script method, you should try the iframe option and use the html.Iframe tag

Hello,
@chriddyp
I have a question on this too.
Can we use the Iframe option with local HTML Files(generated by plotly’s plot function)?

Looking forward for your reply.

Best Regards,
Apurva

1 Like

In the html.Iframe.tag is there a way to remove the edit button similar to the link=false I used in the source?