I would like to integrate a plotly graph into a html page. This is working so far, as I can create a page with “write_html” and create a new html file, that only includes the graph.
Further I try to integrate that graph into another html page to make it part of the page, so I added it with “” into an existing html file with more text, but it always goes full page when I open the new page. I tried to change the autosizing, width, height etc., nothing worked.
I am grateful for every help, thanks a lot in advance. Cheers!
creating plotly graph and html page:
import plotly.graph_objects as go
import numpy as np
x = np.arange(10)
fig = go.Figure(data=go.Scatter(x=x, y=x**2))
fig.write_html('example_graph.html')
embedding plotly graph into another html page: unfortunately always full screen and not part of page, additional content is not shown:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Plotly and fun </title>
</head>
<h1>Title and some content above plotly graph</h1>
<div src="example_graph.html"></div>
<p>Other stuff below the plot</p>
<body>
</body>
</html>