calories

index.html

@@ -56,11 +56,17 @@
                 </div>
 
                 <div class="chart-container">
-                    <h2>🔋 TSS-based ACWR</h2>
+                    <h2>🥵 TSS-based ACWR</h2>
                     <div id="tss-target" class="target-info"></div>
                     <canvas id="tss-chart"></canvas>
                 </div>
 
+                <div class="chart-container">
+                    <h2>🔋 Calories-based ACWR</h2>
+                    <div id="calories-target" class="target-info"></div>
+                    <canvas id="calories-chart"></canvas>
+                </div>
+
                 <div class="legend">
                     <div class="legend-item">
                         <span class="legend-color low"></span>

src/components/charts.ts

@@ -7,6 +7,7 @@ Chart.register(...registerables);
 let distanceChart: Chart | null = null;
 let durationChart: Chart | null = null;
 let tssChart: Chart | null = null;
+let caloriesChart: Chart | null = null;
 
 // ACWR color zones
 function getACWRColor(value: number | null): string {
@@ -327,6 +328,20 @@ export function createTSSChart(data: MetricACWRData): void {
     updateTargetInfo('tss-target', data.targetTomorrowValue, 'TSS', data.targetACWR);
 }
 
+export function createCaloriesChart(data: MetricACWRData): void {
+    if (caloriesChart) {
+        caloriesChart.destroy();
+    }
+    caloriesChart = createDualAxisChart(
+        'calories-chart',
+        data,
+        'Calories',
+        '(kcal)',
+        'rgba(234, 179, 8, 0.8)'
+    );
+    updateTargetInfo('calories-target', data.targetTomorrowValue, 'kcal', data.targetACWR);
+}
+
 function updateTargetInfo(elementId: string, targetValue: number | null | undefined, unit: string, targetACWR: number | undefined): void {
     const element = document.getElementById(elementId);
     if (!element) return;
@@ -354,4 +369,8 @@ export function destroyAllCharts(): void {
         tssChart.destroy();
         tssChart = null;
     }
+    if (caloriesChart) {
+        caloriesChart.destroy();
+        caloriesChart = null;
+    }
 }

src/main.ts

@@ -6,6 +6,7 @@ import {
     createDistanceChart,
     createDurationChart,
     createTSSChart,
+    createCaloriesChart,
     destroyAllCharts,
 } from './components/charts';
 
@@ -192,6 +193,11 @@ function renderCharts(activities: Activity[]): void {
         (activity) => activity.trainingStressScore,
         dateRange
     );
+    const caloriesData = calculateMetricACWR(
+        activities,
+        (activity) => activity.calories,
+        dateRange
+    );
 
     // Destroy existing charts
     destroyAllCharts();
@@ -200,6 +206,7 @@ function renderCharts(activities: Activity[]): void {
     createDistanceChart(distanceData);
     createDurationChart(durationData);
     createTSSChart(tssData);
+    createCaloriesChart(caloriesData);
 }
 
 // Initialize

src/types/index.ts

@@ -4,6 +4,7 @@ export interface Activity {
     distance?: number; // in kilometers
     duration?: number; // in minutes
     trainingStressScore?: number;
+    calories?: number;
 }
 
 export interface ProcessedData {

src/utils/csvParser.ts

@@ -117,12 +117,23 @@ export function parseCSV(file: File, userFTP: number = 343): Promise<Activity[]>
                         // Get activity type
                         const activityType = row['Activity Type'] || row['Type'] || row['Sport'];
 
+                        // Parse calories
+                        const caloriesStr = row['Calories'];
+                        let calories: number | undefined;
+                        if (caloriesStr && caloriesStr !== '--') {
+                            const parsed = parseFloat(caloriesStr);
+                            if (!isNaN(parsed) && parsed > 0) {
+                                calories = parsed;
+                            }
+                        }
+
                         const activity: Activity = {
                             date,
                             activityType,
                             distance,
                             duration,
                             trainingStressScore,
+                            calories,
                         };
 
                         return activity;