diff --git a/app/views/dashboard/bar_graph.html.erb b/app/views/dashboard/bar_graph.html.erb
index 8c8041c..6da5204 100644
--- a/app/views/dashboard/bar_graph.html.erb
+++ b/app/views/dashboard/bar_graph.html.erb
@@ -1,25 +1,17 @@
 <div id="column_chart"></div>
 
-<!-- Google Visualization JS -->
-<script type="text/javascript" src="https://www.google.com/jsapi"></script>
-
 <script type="text/javascript">
-// Prevent multiple initializations
-if (typeof window.barChartLoaded === 'undefined') {
-  window.barChartLoaded = false;
-}
-
 function drawChart3() {
   // Guard against calling before Google Charts is loaded
   if (typeof google === 'undefined' || !google.visualization) {
-    console.warn('Google Charts not loaded yet');
-    return;
+    console.warn('Google Charts not loaded yet, waiting...');
+    return false;
   }
 
   var chartElement = document.getElementById('column_chart');
   if (!chartElement) {
     console.warn('Chart element not found');
-    return;
+    return false;
   }
 
   var data = google.visualization.arrayToDataTable([
@@ -59,27 +51,33 @@ function drawChart3() {
 
   var chart = new google.visualization.ColumnChart(chartElement);
   chart.draw(data, options);
+  console.log('Bar chart drawn successfully');
+  return true;
 }
 
-function initializeBarChart() {
-  // Check if Google Charts visualization is already loaded
-  if (typeof google !== 'undefined' && google.visualization && google.visualization.ColumnChart) {
-    drawChart3();
-    window.barChartLoaded = true;
-  } else if (typeof google !== 'undefined' && google.load && !window.barChartLoaded) {
-    // Load Google Charts
-    google.load("visualization", "1", {
-      packages: ["corechart"],
-      callback: function() {
-        drawChart3();
-        window.barChartLoaded = true;
-      }
-    });
-  } else {
-    console.error('Google JSAPI not available');
-  }
+// Wait for Google Charts to be ready, then draw
+function initBarChart() {
+  var attempts = 0;
+  var maxAttempts = 50; // 5 seconds max
+
+  var checkAndDraw = function() {
+    if (drawChart3()) {
+      // Success!
+      return;
+    }
+
+    attempts++;
+    if (attempts < maxAttempts) {
+      setTimeout(checkAndDraw, 100);
+    } else {
+      console.error('Failed to load Google Charts after ' + (maxAttempts * 100) + 'ms');
+    }
+  };
+
+  checkAndDraw();
 }
 
-// Initialize immediately (page is already loaded when this partial loads via AJAX)
-initializeBarChart();
+// Initialize when partial loads
+console.log('Bar chart partial loaded, waiting for Google Charts...');
+initBarChart();
 </script>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index b59bbd0..0dbf858 100755
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -29,6 +29,15 @@
   <!-- Bootstrap JS - loaded last -->
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
 
+  <!-- Google Charts - load once globally for dashboard charts -->
+  <script type="text/javascript" src="https://www.google.com/jsapi"></script>
+  <script type="text/javascript">
+    // Load Google Charts library once for the entire application
+    if (typeof google !== 'undefined' && google.load) {
+      google.load("visualization", "1", {packages:["corechart"]});
+    }
+  </script>
+
   <!-- Modern Design System -->
   <style>
     :root {
diff --git a/db/development.sqlite3-shm b/db/development.sqlite3-shm
index 8c0bd56..3a7f1ef 100644
Binary files a/db/development.sqlite3-shm and b/db/development.sqlite3-shm differ
diff --git a/db/development.sqlite3-wal b/db/development.sqlite3-wal
index 9610b80..125067a 100644
Binary files a/db/development.sqlite3-wal and b/db/development.sqlite3-wal differ