diff --git a/visualization_tool/js/api.js b/visualization_tool/js/api.js
new file mode 100644
index 0000000..d57851f
--- /dev/null
+++ b/visualization_tool/js/api.js
@@ -0,0 +1,58 @@
+/**
+ * @module api
+ * Data Layer - Kommunikation mit der API
+ * Verantwortlich für den Abruf der Laufzeitdaten.
+ */
+
+/**
+ * Führt einen API-Request zu /api/data aus.
+ *
+ * @async
+ * @function fetchRunData
+ * @param {Object} [filters={}] - Optionales Filterobjekt für den Request.
+ * @param {string|number} [filters.run] - Run-Nummer zur Filterung.
+ * @param {string} [filters.policy_hash] - Policy-Hash zur Filterung.
+ * @param {boolean} [filters.filter_pinned] - Optional, ob nur pinned Runs berücksichtigt werden.
+ * @returns {Promise<Array>} Promise, das ein Array von Laufdatenobjekten zurückgibt.
+ *
+ * Jedes Laufdatenobjekt hat die Form:
+ * { run_id, policy_hash, pinned_status, delta_t, warn_rate, unknown_rate }
+ */
+export async function fetchRunData(filters = {}) {
+  const params = new URLSearchParams();
+
+  if (filters.run) params.append('run', filters.run);
+  if (filters.policy_hash) params.append('policy_hash', filters.policy_hash);
+  if (typeof filters.filter_pinned === 'boolean') {
+    params.append('filter_pinned', filters.filter_pinned ? 'true' : 'false');
+  }
+
+  const queryString = params.toString();
+  const endpoint = '/api/data' + (queryString ? `?${queryString}` : '');
+
+  try {
+    const response = await fetch(endpoint, {
+      method: 'GET',
+      headers: {
+        'Accept': 'application/json'
+      }
+    });
+
+    if (!response.ok) {
+      throw new Error(`API request failed with status ${response.status}`);
+    }
+
+    const data = await response.json();
+
+    // Defensive: Sicherstellen, dass es sich um ein Array handelt
+    if (!Array.isArray(data)) {
+      console.warn('API returned non-array response', data);
+      return [];
+    }
+
+    return data;
+  } catch (error) {
+    console.error('Error fetching run data:', error);
+    return [];
+  }
+}