<div class="w-full mb-4 grid grid-cols-1 xl:grid-cols-2 gap-4" hx-get="{{ refresh_url }}" hx-target="this"
    hx-swap="outerHTML" hx-trigger="refreshStats from:body">
    {% for graph in graphs %}
    <div class="bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8">
        {{ render_partial('partials/svg_line_graph.html', **graph) }}
    </div>
    {% endfor %}
</div>