# Code Overview

**Zoom-out view**

<p align="center">
    <img src="_static/gwsnr_puml.svg" alt="Partial SNR Parameter Dependencies" width="100%"/>
</p>


**Zoom-in view** (<- scroll horizontally to see the full image ->)

<div style="overflow-x: scroll; background: rgb(200,200,200); padding: 1rem; width: 200%; max-width: 120%;">
  <img src="_static/gwsnr_puml.svg" alt="Code overview flowchart" style="width: 170%; height: auto; max-width: 200%;">
</div>

<!-- ## Code Overview

<div id="scrollbox" style="overflow-x: scroll; background: rgb(200,200,200); padding: 1rem; width: 200%; max-width: 100%;">
  <img src="_static/snr.svg" alt="Code overview flowchart" style="width: 200%; height: auto; max-width: 200%;">
</div>
<script>
(function() {
    // Wait for the DOM to be fully loaded
    document.addEventListener("DOMContentLoaded", function() {
        var box = document.getElementById("scrollbox");
        if (box) {
            // Scroll to the center horizontally
            box.scrollLeft = (box.scrollWidth - box.clientWidth) / 2;
        }
    });
})();
</script> -->