diff --git a/css/style.css b/css/style.css
index de76298..f573a91 100755
--- a/css/style.css
+++ b/css/style.css
@@ -374,3 +374,15 @@ rect {
   color: red;
 }
 
+#isItLoaded {
+  display: none;
+}
+#loading {
+  z-index: 10;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 90vh;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index e50ad9f..f165763 100755
--- a/index.html
+++ b/index.html
@@ -8,6 +8,8 @@
     <script src='./modules/three.js-r101/three.js'></script>
     <script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.js'></script>
 
+    <script src='https://cdnjs.cloudflare.com/ajax/libs/spin.js/2.0.1/spin.min.js'></script> 
+
     <!-- Importing D3 minified versions v3 and v5. -->
     <script src='./modules/d3v3/d3.min.js'></script>
     <script src='./modules/d3/d3.min.js'></script>
@@ -39,7 +41,6 @@
   </head>
 
   <body>
-
     <div class="container-fluid">
         <div class="row">
           <div class="col-md-3">
@@ -248,7 +249,7 @@
     </div>
 
     <script>
-      
+
       /* This script is used in order to give functionalities to the different buttons provide through the front-end. */
       $('#param-lim').bind('input', function () { $('#param-lim-value').text($('#param-lim').val()); }); 
       $('#param-corr').bind('input', function () { $('#param-corr-value').text($('#param-corr').val()); });
diff --git a/js/tsne_vis.js b/js/tsne_vis.js
index ba70b36..9379c6a 100755
--- a/js/tsne_vis.js
+++ b/js/tsne_vis.js
@@ -734,10 +734,9 @@ function updateEmbedding(AnalaysisResults) {
   }
 
   // Run all the main functions (Shepard Heatmap, Overview t-SNE, and Beta/Cost t-SNE) Beta = 1/sigma, Cost = KLD(Q||P).
-  ShepardHeatMap();
   OverviewtSNE(points);
+  ShepardHeatMap();
   BetatSNE(points);
-
 }
 
 function ShepardHeatMap () {
