Documentation
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8" />
</head>

<body>
    <div>
        <script src="https://cdn.plot.ly/plotly-2.12.1.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-svg.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/mathjax@3.2.0/es5/tex-mml-chtml.js"></script>
        

        <div id="plotly-html-element" class="plotly-graph-div" style="height:100%; width:100%;"></div>

        <script type="module">
            const graph_div = document.getElementById("plotly-html-element");
            await Plotly.newPlot(graph_div, {"data":[{"type":"scatter","name":"Strategy 1","x":[0,1,2,3,4,5],"y":[0.0,0.0,0.0,0.0,0.0,0.0]},{"type":"scatter","name":"Strategy 2","x":[0,1,2,3,4,5],"y":[0.0,0.0,0.0,0.0,0.0,0.0]},{"type":"scatter","name":"Strategy 3","x":[0,1,2,3,4,5],"y":[0.0,0.0,0.0,0.0,0.0,0.0]},{"type":"scatter","name":"Strategy 4","x":[0,1,2,3,4,5],"y":[0.0,0.0,0.0,0.0,0.0,0.0]},{"type":"scatter","name":"Strategy 5","x":[0,1,2,3,4,5],"y":[0.0,0.0,0.0,0.0,0.0,0.0]},{"type":"scatter","name":"Strategy 6","x":[0,1,2,3,4,5],"y":[0.0,0.0,0.0,0.0,0.0,0.0]}],"layout":{"title":{"text":"Strategy Performance"},"xaxis":{"title":{"text":"Time"}},"yaxis":{"title":{"text":"Return"}}},"config":{}});
        </script>
    </div>
</body>

</html>