diff --git a/Candle.js b/Candle.js
index 19c847b3a..f04ac6ec2 100644
--- a/Candle.js
+++ b/Candle.js
@@ -1,5 +1,5 @@
 function newCandle () {
-  var candle = {
+  let candle = {
     open: undefined,
     close: undefined,
     min: 10000000000000,
diff --git a/Displace.js b/Displace.js
index 328e034c1..b5a3bab8f 100644
--- a/Displace.js
+++ b/Displace.js
@@ -7,7 +7,7 @@ The displacement is a vector that displaces everything static drawn on on the co
 */
 
 function newDisplacement () {
-  var displacement = {
+  let displacement = {
     containerName: '',                      // This is for debugging purposes only.
     parentDisplacement: undefined,          // Here we store the displacement object of the parent cointainer, if exists.
     container: undefined,
diff --git a/FloatingSpace/FloatingObject.js b/FloatingSpace/FloatingObject.js
index 0d61a649d..6afa87e03 100644
--- a/FloatingSpace/FloatingObject.js
+++ b/FloatingSpace/FloatingObject.js
@@ -8,7 +8,7 @@ function newFloatingObject () {
   const logger = newWebDebugLog()
   logger.fileName = MODULE_NAME
 
-  var thisObject = {
+  let thisObject = {
 
     physicsLoop: physicsLoop,
     eventHandler: undefined,
diff --git a/FloatingSpace/Note.js b/FloatingSpace/Note.js
index 87fe4fe15..ed8de1b4e 100644
--- a/FloatingSpace/Note.js
+++ b/FloatingSpace/Note.js
@@ -1,6 +1,6 @@
  
 function newNote () {
-  var thisObject = {
+  let thisObject = {
 
     physicsLoop: physicsLoop,
     onMouseOver: onMouseOver,
diff --git a/Frame.js b/Frame.js
index a2a541bef..28df28c82 100644
--- a/Frame.js
+++ b/Frame.js
@@ -3,7 +3,7 @@ function newFrame () {
   const PANEL_CORNERS_RADIOUS = 5
   const TITLE_BAR_HEIGHT = 14 // this must be grater than radius
 
-  var frame = {
+  let frame = {
     containerName: '',                  // This is for debugging purposes only.
     parentFrame: undefined,             // Here we store the parent cointainer zoom object.
     width: browserCanvas.width,
diff --git a/Panels/PanelTabButton.js b/Panels/PanelTabButton.js
index c4ef7af51..a1d44c195 100644
--- a/Panels/PanelTabButton.js
+++ b/Panels/PanelTabButton.js
@@ -1,5 +1,5 @@
 function newPanelTabButton () {
-  var thisObject = {
+  let thisObject = {
     container: undefined,
     draw: draw,
     parentContainer: undefined,
diff --git a/Panels/ProductsPanel.js b/Panels/ProductsPanel.js
index fcb1ac068..5f9b514a9 100644
--- a/Panels/ProductsPanel.js
+++ b/Panels/ProductsPanel.js
@@ -1,5 +1,5 @@
  function newProductsPanel () {
-   var thisObject = {
+   let thisObject = {
      container: undefined,
      getLoadingProductCards: getLoadingProductCards,
      draw: draw,
diff --git a/ProductCard.js b/ProductCard.js
index 15bdff06a..46512e69c 100644
--- a/ProductCard.js
+++ b/ProductCard.js
@@ -8,7 +8,7 @@ function newProductCard () {
   const logger = newWebDebugLog()
   logger.fileName = MODULE_NAME
 
-  var thisObject = {
+  let thisObject = {
     container: undefined,
     draw: draw,
     status: 'off',
diff --git a/Spaces/BottomSpace.js b/Spaces/BottomSpace.js
index 2757ccbee..14b7c22a8 100644
--- a/Spaces/BottomSpace.js
+++ b/Spaces/BottomSpace.js
@@ -1,6 +1,6 @@
  
 function newBottomSpace () {
-  var thisObject = {
+  let thisObject = {
 
     container: undefined,
     draw: draw,
diff --git a/Spaces/ChartSpace.js b/Spaces/ChartSpace.js
index 80b0c838e..25f51f709 100644
--- a/Spaces/ChartSpace.js
+++ b/Spaces/ChartSpace.js
@@ -13,7 +13,7 @@ function newChartSpace () {
   const logger = newWebDebugLog()
   logger.fileName = MODULE_NAME
 
-  var thisObject = {
+  let thisObject = {
     container: undefined,
     drawBackground: drawBackground,
     draw: draw,
diff --git a/Spaces/PanelsSpace.js b/Spaces/PanelsSpace.js
index ecd4793a2..054510c84 100644
--- a/Spaces/PanelsSpace.js
+++ b/Spaces/PanelsSpace.js
@@ -5,7 +5,7 @@ The Panel Space y the place wehre all panels live, no matter who create them.
 */
 
 function newPanelsSpace () {
-  var thisObject = {
+  let thisObject = {
     container: undefined,
     createNewPanel: createNewPanel,
     destroyPanel: destroyPanel,
diff --git a/Spaces/TopSpace.js b/Spaces/TopSpace.js
index 4c19710eb..9bb7e57b8 100644
--- a/Spaces/TopSpace.js
+++ b/Spaces/TopSpace.js
@@ -1,6 +1,6 @@
 
 function newTopSpace () {
-  var thisObject = {
+  let thisObject = {
     container: undefined,
     draw: draw,
     getContainer: getContainer,     // returns the inner most container that holds the point received by parameter.
diff --git a/SplashScreen.js b/SplashScreen.js
index 78ea7d85a..da250bd39 100644
--- a/SplashScreen.js
+++ b/SplashScreen.js
@@ -5,7 +5,7 @@ The Splash Screen is to show some 'loading...' controls while the app is being l
 */
 
 function newSplashScreen () {
-  var thisObject = {
+  let thisObject = {
     container: undefined,
     draw: draw,
     timeMachines: [],
diff --git a/TimeLineCoordinateSystem.js b/TimeLineCoordinateSystem.js
index 0fef5e7b6..5cd0abfa5 100644
--- a/TimeLineCoordinateSystem.js
+++ b/TimeLineCoordinateSystem.js
@@ -8,7 +8,7 @@ The scale on the Y axis depends on the data that wants to be plotted. Usually we
 */
 
 function newTimeLineCoordinateSystem () {
-  var thisObject = {
+  let thisObject = {
     min: undefined,
     max: undefined,
     scale: undefined,