diff --git a/gui/src/index.html b/gui/src/index.html
index c60d83f0..5a28db30 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -545,7 +545,9 @@
                     <div class="card text-dark bg-light mb-1" style="height: 360px">
                         <div class="card-header"> SPECTRUM</div>
                         <!--<div class="card-body">-->
-                            <canvas id="waterfall"></canvas>
+                           <!-- <canvas id="waterfall"></canvas>-->
+                            <canvas id="myChart" ></canvas>
+
                        <!-- </div>-->
                     </div>
                 </div>
@@ -678,6 +680,10 @@
             </div>
         </nav>
         <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+
+        <script src="../node_modules/chart.js/dist/chart.min.js"></script>
+
+
         <!--<script src="../ui.js"></script>-->
         <!-- WATERFALL -->
         <script src="waterfall/colormap.js"></script>