diff --git a/src/public/index.html b/src/public/index.html
index 4180ced..19f5750 100644
--- a/src/public/index.html
+++ b/src/public/index.html
@@ -758,6 +758,10 @@
                                                             <div class="my-auto w-2 h-2 bg-orange-500 rounded-full"></div>
                                                             <div class="my-auto ml-1 text-sm text-gray-500">Pressure</div>
                                                         </div>
+                                                        <div class="flex mx-auto">
+                                                            <div class="my-auto w-2 h-2 bg-pink-400 rounded-full"></div>
+                                                            <div class="my-auto ml-1 text-sm text-gray-500">IAQ</div>
+                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>
@@ -2057,11 +2061,13 @@
                 const temperatureMetrics = [];
                 const relativeHumidityMetrics = [];
                 const barometricPressureMetrics = [];
+                const iaqMetrics = [];
                 for(const deviceMetric of this.selectedNodeEnvironmentMetrics){
                     labels.push(moment(deviceMetric.created_at));
                     temperatureMetrics.push(deviceMetric.temperature);
                     relativeHumidityMetrics.push(deviceMetric.relative_humidity);
                     barometricPressureMetrics.push(deviceMetric.barometric_pressure);
+                    iaqMetrics.push(deviceMetric.iaq);
                 }
 
                 // create chart
@@ -2101,6 +2107,17 @@
                                 yAxisID: 'y1',
 
                             },
+                            {
+                                label: 'IAQ',
+                                suffix: 'IAQ',
+                                borderColor: '#f472b6',
+                                backgroundColor: '#f472b6',
+                                pointStyle: false, // no points
+                                fill: false,
+                                data: iaqMetrics,
+                                yAxisID: 'yIAQ',
+
+                            },
                         ],
                     },
                     options: {
@@ -2139,6 +2156,10 @@
                                     drawOnChartArea: false, // only want the grid lines for one axis to show up
                                 },
                             },
+                            yIAQ: {
+                                type: 'linear',
+                                display: false,
+                            },
                         },
                         plugins: {
                             legend: {