diff --git a/Client/.offline/candle-spinner.xlsx b/Client/.offline/candle-spinner.xlsx
new file mode 100644
index 0000000..37182be
Binary files /dev/null and b/Client/.offline/candle-spinner.xlsx differ
diff --git a/Client/package-lock.json b/Client/package-lock.json
index d89a602..dbbe410 100644
--- a/Client/package-lock.json
+++ b/Client/package-lock.json
@@ -25,13 +25,13 @@
         "guid-typescript": "1.0.9",
         "ngx-color": "9.0.0",
         "rxjs": "7.8.1",
-        "tslib": "2.6.2",
-        "zone.js": "0.14.6"
+        "tslib": "2.6.3",
+        "zone.js": "0.14.7"
       },
       "devDependencies": {
         "@angular/build": "^18.0.4",
-        "@angular/cli": "18.0.4",
-        "@angular/compiler-cli": "18.0.3",
+        "@angular/cli": "^18.0.4",
+        "@angular/compiler-cli": "^18.0.3",
         "typescript": "5.4.5"
       }
     },
@@ -6334,9 +6334,10 @@
       }
     },
     "node_modules/tslib": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz",
+      "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==",
+      "license": "0BSD"
     },
     "node_modules/tuf-js": {
       "version": "2.2.1",
@@ -7120,9 +7121,10 @@
       }
     },
     "node_modules/zone.js": {
-      "version": "0.14.6",
-      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.14.6.tgz",
-      "integrity": "sha512-vyRNFqofdaHVdWAy7v3Bzmn84a1JHWSjpuTZROT/uYn8I3p2cmo7Ro9twFmYRQDPhiYOV7QLk0hhY4JJQVqS6Q=="
+      "version": "0.14.7",
+      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.14.7.tgz",
+      "integrity": "sha512-0w6DGkX2BPuiK/NLf+4A8FLE43QwBfuqz2dVgi/40Rj1WmqUskCqj329O/pwrqFJLG5X8wkeG2RhIAro441xtg==",
+      "license": "MIT"
     }
   }
 }
diff --git a/Client/package.json b/Client/package.json
index 0a1c5e2..90cd890 100644
--- a/Client/package.json
+++ b/Client/package.json
@@ -28,13 +28,13 @@
     "guid-typescript": "1.0.9",
     "ngx-color": "9.0.0",
     "rxjs": "7.8.1",
-    "tslib": "2.6.2",
-    "zone.js": "0.14.6"
+    "tslib": "2.6.3",
+    "zone.js": "0.14.7"
   },
   "devDependencies": {
     "@angular/build": "^18.0.4",
-    "@angular/cli": "18.0.4",
-    "@angular/compiler-cli": "18.0.3",
+    "@angular/cli": "^18.0.4",
+    "@angular/compiler-cli": "^18.0.3",
     "typescript": "5.4.5"
   }
-}
\ No newline at end of file
+}
diff --git a/Client/src/app/chart/chart.component.html b/Client/src/app/chart/chart.component.html
index a4ddb84..3653be2 100644
--- a/Client/src/app/chart/chart.component.html
+++ b/Client/src/app/chart/chart.component.html
@@ -2,7 +2,8 @@
 <div *ngIf="cs.loading">
 
   <div style="margin-top:175px;text-align:center;font-family:'Google Sans',Roboto,Arial,sans-serif;font-size:12px;color:#666;">
-    <p><img src="../assets/spinner.gif" alt="loading" height="25"><br>LOADING</p>
+    <p><img src="../assets/candle-spinner.svg" alt="loading" height="50"></p>
+    <p>LOADING</p>
   </div>
 
 </div>
diff --git a/Client/src/assets/candle-spinner.svg b/Client/src/assets/candle-spinner.svg
new file mode 100644
index 0000000..11c0eb3
--- /dev/null
+++ b/Client/src/assets/candle-spinner.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     viewBox="0 0 140 100">
+
+  <!-- NOTICE: please keep this attribution.
+       source: https://stockindicators.dev -->
+
+  <line id="LIN1" x1= "11" x2= "11" y1="3" y2="97" fill="none" stroke="#1b5e20" stroke-width="5" stroke-linecap="round" />
+  <line id="LIN2" x1= "35" x2= "35" y1="3" y2="97" fill="none" stroke="#b71c1c" stroke-width="5" stroke-linecap="round" />
+  <line id="LIN3" x1= "59" x2= "59" y1="3" y2="97" fill="none" stroke="#1b5e20" stroke-width="5" stroke-linecap="round" />
+  <line id="LIN4" x1= "83" x2= "83" y1="3" y2="97" fill="none" stroke="#b71c1c" stroke-width="5" stroke-linecap="round" />
+  <line id="LIN5" x1="107" x2="107" y1="3" y2="97" fill="none" stroke="#1b5e20" stroke-width="5" stroke-linecap="round" />
+  <line id="LIN6" x1="131" x2="131" y1="3" y2="97" fill="none" stroke="#b71c1c" stroke-width="5" stroke-linecap="round" />
+
+  <rect id="CYL1" x=  "0" y="35" width="20" height="30" rx="3" fill="#1b5e20" stroke-width="0"><animateMotion begin="0.0s" dur="1.0s" repeatCount="indefinite" path="M0,0 L0,25, 0,-25z" /></rect>
+  <rect id="CYL2" x= "24" y="35" width="20" height="30" rx="3" fill="#b71c1c" stroke-width="0"><animateMotion begin="0.5s" dur="0.9s" repeatCount="indefinite" path="M0,0 L0,30, 0,-25z" /></rect>
+  <rect id="CYL3" x= "48" y="35" width="20" height="30" rx="3" fill="#1b5e20" stroke-width="0"><animateMotion begin="0.8s" dur="0.8s" repeatCount="indefinite" path="M0,0 L0,30, 0,-25z" /></rect>
+  <rect id="CYL4" x= "72" y="35" width="20" height="30" rx="3" fill="#b71c1c" stroke-width="0"><animateMotion begin="1.1s" dur="0.7s" repeatCount="indefinite" path="M0,0 L0,30, 0,-25z" /></rect>
+  <rect id="CYL5" x= "96" y="35" width="20" height="30" rx="3" fill="#1b5e20" stroke-width="0"><animateMotion begin="1.2s" dur="0.6s" repeatCount="indefinite" path="M0,0 L0,30, 0,-25z" /></rect>
+  <rect id="CYL6" x="120" y="35" width="20" height="30" rx="3" fill="#b71c1c" stroke-width="0"><animateMotion begin="1.3s" dur="0.5s" repeatCount="indefinite" path="M0,0 L0,30, 0,-25z" /></rect>
+</svg>
diff --git a/README.md b/README.md
index 87f57f6..bbae337 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@ Live demo site: [charts.StockIndicators.dev](https://charts.stockindicators.dev/
 
 ## Author's note
 
-This repo and charting tool is primarily intended to demonstrate the [Stock Indicators for .NET](https://dotnet.stockindicators.dev) library.  **It is not meant to be a fully featured charting system** and may not be an architectural model that works for your use case.  If you need a more mature charting tool, please explore all of your [charting and visualization options](https://github.com/DaveSkender/Stock.Indicators/discussions/430).
+This repo and charting tool is primarily intended to demonstrate the [Stock Indicators for .NET](https://dotnet.stockindicators.dev) library.  **It is not meant to be a fully featured charting system** and may not be an architectural model that works for your use case.  If you need a mature charting tool, please explore all of your [charting and visualization options](https://github.com/DaveSkender/Stock.Indicators/discussions/430).
 
 ## Running this demo locally