Init file

src/data.js

@@ -0,0 +1,11 @@
+async function fetchTemperature(zoneId) {
+  const res = await fetch(`/api/v1/zones/${zoneId}/primary/temperature`);
+  return res.json();
+}
+
+// Don't change this function signature
+export async function attachChart(chartInstance, zoneId) {
+  await fetchTemperature(zoneId).then(temp => {
+    chartInstance.update(temp);
+  });
+}

src/ui.js

@@ -0,0 +1,9 @@
+// This file can not be modified.
+// Each zone has one corresponding chart.
+// UI code calls attachChart for each zone and corresponding chart.
+import { attachChart } from './data.js';
+const zones = ['zone-a', 'zone-b', 'zone-c', /* ... */];
+for (const zoneId of zones) {
+  const chart = createChartForZone(zoneId);
+  attachChart(chart, zoneId);
+}