js_scripts.html

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

<script>
document.addEventListener('DOMContentLoaded', function() {
    function resizeIframes() {
        var iframes = document.getElementsByClassName('plotlyFrame');
        Array.from(iframes).forEach(function(iframe) {
            // Set the dimensions relative to parent or custom logic
            iframe.style.height = window.innerHeight * 1.4 + 'px'; // 100% of the viewport height
            iframe.style.width = window.innerWidth * 1 + 'px'; // 110% of the viewport width
        });
    }

    // Resize iframes when the window resizes
    window.addEventListener('resize', resizeIframes);

    // Initial resize
    resizeIframes();
});
</script>
<!-- This is also a suitable place for other snippets from JavaScript, CSS, or HTML elements, in order to have them included in the header -->