bolade
47f0c6f3fb
- Added functionality to generate VO2 Max and Heart Rate Zones tables in the context_generator.py. - Integrated graph_generator to create table images with specified data and styles. - Updated report_generator.py to pass graph_generator to context generation. - Introduced a new method in graph_generator.py to generate table images with customizable options. - Created test scripts for Page 5 (RMR and NEAT calculations) and Page 6 (Meal Plan calculations) using actual patient data. - Updated Jupyter notebook metadata for better environment identification.
52 lines
1.9 KiB
HTML
52 lines
1.9 KiB
HTML
<div class="w-full page bg-white">
|
|
<!-- Main Content -->
|
|
<div class="px-8 py-6">
|
|
<!-- Page Title -->
|
|
<h1 class="text-3xl font-bold text-black mb-6">Cardio Metrics</h1>
|
|
|
|
<!-- Active Metabolic Rate Assessment Section -->
|
|
<h2 class="text-xl font-bold text-black mb-4">
|
|
Active Metabolic Rate Assessment
|
|
</h2>
|
|
<p class="text-gray-700 text-sm mb-8">
|
|
The active metabolic rate assessment is a key measure of aerobic
|
|
fitness. It helps determine your specific heart rate zones and how
|
|
well your body uses carbohydrates and fats as fuel while you
|
|
exercise. It is also an indicator of overall health and wellbeing.
|
|
</p>
|
|
|
|
<!-- VO2 Max Section -->
|
|
<div class="mb-8">
|
|
<h3 class="text-xl font-bold text-black mb-4 text-center">
|
|
VO2 Max - {{ vo2_max_value | default('49.5') }} ({{
|
|
vo2_max_percentile | default('100th percentile') }})
|
|
</h3>
|
|
|
|
<!-- VO2 Max Table -->
|
|
<div class="mb-8 flex justify-center">
|
|
<img
|
|
src="data:image/png;base64, {{ vo2_max_table }}"
|
|
alt="VO2 Max Table"
|
|
class="w-full max-w-4xl h-auto object-contain"
|
|
/>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Personalized Heart Rate Zones Section -->
|
|
<div class="mb-8">
|
|
<h3 class="text-xl font-bold text-black mb-6 text-center">
|
|
Personalized Heart Rate Zones
|
|
</h3>
|
|
|
|
<!-- Heart Rate Zones Table -->
|
|
<div class="flex justify-center">
|
|
<img
|
|
src="data:image/png;base64, {{ hr_zones_table }}"
|
|
alt="Heart Rate Zones Table"
|
|
class="w-full max-w-4xl h-auto object-contain"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|