diff --git a/layouts/shortcodes/law-charts.html b/layouts/shortcodes/law-charts.html
index 6a53001..98d19d7 100644
--- a/layouts/shortcodes/law-charts.html
+++ b/layouts/shortcodes/law-charts.html
@@ -36,7 +36,7 @@
 
 <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/chart.umd.min.js"></script>
 <script>
-(function() {
+document.addEventListener('DOMContentLoaded', function() {
   var LANG = "{{ $lang }}";
   var countries = {{ $countries | jsonify }};
 
@@ -120,5 +120,5 @@
       plugins: { legend: { position: 'bottom', labels: { padding: 16, usePointStyle: true } } }
     }
   });
-})();
+});
 </script>
diff --git a/layouts/shortcodes/world-map.html b/layouts/shortcodes/world-map.html
index ef75090..872c7ba 100644
--- a/layouts/shortcodes/world-map.html
+++ b/layouts/shortcodes/world-map.html
@@ -32,7 +32,7 @@
 <script src="https://cdn.jsdelivr.net/npm/leaflet@1.9.4/dist/leaflet.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/topojson-client@3.1.0/dist/topojson-client.min.js"></script>
 <script>
-(function() {
+document.addEventListener('DOMContentLoaded', function() {
   var LANG = "{{ $lang }}";
   var STATUS_COLORS = { enforced: '#4d7c0f', passed: '#059669', progress: '#86efac', guidelines: '#d1fae5' };
   var STATUS_LABELS = {
@@ -87,5 +87,5 @@
         }
       }).addTo(map);
     });
-})();
+});
 </script>