Merge pull request #956 from harrellbm/plugins-docs

Charting Space Tutorial Revision 5 and MapToggle option and Insertion Carat Css fix
2021-05-21 17:43:46 +02:00
commit 60fd72479d
@@ -19,6 +19,7 @@ color: #324d50;
 line-height: 150%;
 margin: 20 30px;
 margin: 20 25 20 30px;
+caret-color: transparent;
 }

 .docs-node-html-footer-container {
@@ -29,6 +30,7 @@ line-height: 160%;
 border-top: 5px solid #0295aa;
 margin: 80px 0 0 0;
 padding: 30 0 20 0px;
+caret-color: transparent;
 }

 /* DELETE candidate (delete class assignment on DocsSapace.js too)
@@ -810,6 +812,7 @@ display: table;
 vertical-align: middle;
 display: table-cell;
 padding-right: 25px;
+caret-color: transparent;
 }

 .docs-search-results-box {
@@ -826,6 +829,7 @@ width: 100%;
 display: table;
 padding-left: 180px;
 margin-top: 20px;
+caret-color: transparent;
 }

 .docs-search-results-header-tabs-container > input {
@@ -856,6 +860,7 @@ border-bottom:  3px solid #0295aa;
 .docs-search-result-content {
 border-top: 1px solid #0295aa;
 margin-left: -180px;
+caret-color: transparent;
 }

 .docs-search-result-content > div {
@@ -8,6 +8,7 @@ border-radius: 8px;
 background-color: #fdfdfd;
 -webkit-transition-duration: 1s;
 transition-duration: 1s;
+caret-color: transparent;
 }

 .tutorial-summary {
@@ -224,6 +225,7 @@ margin-bottom: 20px;
 width: 100%;
 -webkit-transition-duration: 1s;
 transition-duration: 1s;
+caret-color: transparent;
 }

 .tutorial-buttonsTable {
@@ -1 +1 @@
-{"type":"Workspace","name":"Creating Custom Charts","rootNodes":[{"type":"Network","name":"My Network","project":"Superalgos","networkNodes":[{"type":"Network Node","name":"My Computer","config":"{ \n\"host\": \"localhost\", \n\"webPort\": \"34248\", \n\"webSocketsPort\": \"18041\"\n}","project":"Superalgos","dataTasks":{"type":"Data Tasks","name":"New Data Tasks","project":"Superalgos","projectDataTasks":[{"type":"Project Data Tasks","name":"Superalgos","project":"Superalgos","exchangeDataTasks":[{"type":"Exchange Data Tasks","name":"Binanceus","project":"Superalgos","marketDataTasks":[{"type":"Market Data Tasks","name":"Binanceus BTC/USDT","project":"Superalgos","dataMineTasks":[{"type":"Data Mine Tasks","name":"Masters","project":"Superalgos","taskManagers":[{"type":"Task Manager","name":"Masters","project":"Superalgos","tasks":[{"type":"Task","name":"Exchange Raw Data","project":"Superalgos","bot":{"type":"Sensor Bot Instance","name":"Exchange Raw Data","config":"{ \n\"startDate\": \"2020-01-01\"\n}","project":"Superalgos","processes":[{"type":"Sensor Process Instance","name":"Exchange Raw Data Historic-OHLCVs","project":"Superalgos","id":"48da2d1f-85aa-4206-8e53-cc010c3280d2","savedPayload":{"position":{"x":26808.380470322878,"y":28508.890029831477},"targetPosition":{"x":26964.5208127148,"y":28252.725642225134},"floatingObject":{"isPinned":false,"isFrozen":false,"isCollapsed":false,"angleToParent":3,"distanceToParent":3,"arrangementStyle":0},"uiObject":{"isRunning":false},"referenceParent":{"type":"Process Definition","name":"Historic-OHLCVs","id":"5eb11d6a-022e-4f60-97c4-d6cf90b249dc"}}}],"id":"7d9aefc0-f001-4acb-9e97-34039ed84072","savedPayload":{"position":{"x":26964.5208127148,"y":28252.725642225134},"targetPosition":{"x":27120.66115510672,"y":27996.56125461879},"floatingObject":{"isPinned":false,"isFrozen":false,"isCollapsed":false,"angleToParent":2,"distanceToParent":3,"arrangementStyle":0},"uiObject":{"isRunning":false}}},"id":"9157e60f-5ffa-48e0-8d48-a5d328bcc073","savedPayload":{"position":{"x":27120.66115510672,"y":27996.56125461879},"targetPosition":{"x":27276.801497498644,"y":27740.39686701245},"floatingObject":{"isPinned":false,"isFrozen":false,"isCollapsed":false,"angleToParent":2,"distanceToParent":3,"arrangementStyle":0},"uiObject":{"isRunning":false}}},{"type":"Task","name":"Webhooks","project":"Superalgos","bot":{"type":"Sensor Bot Instance","name":"Webhooks","config":"{ \n\"startDate\": \"2020-01-01\"\n}","project":"Superalgos","processes":[{"type":"Sensor Process Instance","name":"Webhooks Check-Webhook","project":"Superalgos","id":"43d40b57-8729-4b76-8c23-785afca39d6c","savedPayload":{"position":{"x":26610.84526955405,"y":28345.79120334358},"targetPosition":{"x":26832.830678868915,"y":28143.993091233202},"floatingObject":{"isPinned":false,"isFrozen":false,"isCollapsed":false,"angleToParent":3,"distanceToParent":3,"arrangementStyle":0},"uiObject":{"isRunning":false},"referenceParent":{"type":"Process Definition","name":"Check-Webhook","id":"69f37820-ab16-4e19-bfd8-386dd6e249a3"}}}],"id":"d7618750-0098-4802-ac35-9d06ce6c534d","savedPayload":{"position":{"x":26832.830678868915,"y":28143.993091233202},"targetPosition":{"x":27054.81608818378,"y":27942.194979122825},"floatingObject":{"isPinned":false,"isFrozen":false,"isCollapsed":false,"angleToParent":2,"distanceToParent":3,"arrangementStyle":0},"uiObject":{"isRunning":false}}},"id":"77c8d6b4-be65-43b9-8e4a-23036d9e03d9","savedPayload":{"position":{"x":27054.81608818378,"y":27942.194979122825},"targetPosition":{"x":27276.801497498644,"y":27740.39686701245},"floatingObject":{"isPinned":false,"isFrozen":false,"isCollapsed":false,"angleToParent":2,"distanceToParent":3,"arrangementStyle":0},"uiObject":{"isRunning":false}}},{"type":"Task","name":"Candles Volumes","project":"Superalgos","bot":{"type":"Indicator Bot Instance","name":"Candles Volumes","config":"{ \n\"parameter1\": \"Value for parameter1 defined at the Product Definition\"\n}","project":"Superalgos","processes":[{"type":"Indicator Process Instance","name":"Candles Volumes Multi-Period-Market","project":"Superalgos","id":"0e5261ce-0641-49c1-944a-75ff40a394fa","savedPayload":{"position":{"x":26510.383548046007,"y":28199.02179461765},"targetPosition":{"x":26737.108420352284,"y":28002.563574434065},"floatingObject":{"isPinned":false,"isFrozen":false,"isCollapsed":false,"angleToParent":3,"distanceToParent":3,"arrangementStyle":0},"uiObject":{"isRunning":false},"referenceParent":{"type":"Process Definition","name":"Multi-Period-Market","id":"9f683143-a33f-42c1-9fa8-c601f01ee4e1"}}},{"type":"Indicator Process Instance","name":"Candles Volumes Multi-Period-Daily","project":"Superalgos","id":"3b721729-5767-4b5d-b62d-16d83eba5a88","savedPayload":{"position":{"x":26442.529811173474,"y":28059.338947742188},"targetPosition":{"x":26737.108420352284,"y":28002.563574434065},"floatingObject":{"isPinned":false,"isFrozen":false,"isCollapsed":false,"angleToParent":3,"distanceToParent":3,"arrangemeLine truncated
+{"type":"Workspace","name":"Creating Custom Charts","rootNodes":[{"type":"Network","name":"My Network","project":"Superalgos","networkNodes":[{"type":"Network Node","name":"My Computer","config":"{ \n\"host\": \"localhost\", \n\"webPort\": \"34248\", \n\"webSocketsPort\": \"18041\"\n}","project":"Superalgos","dataTasks":{"type":"Data Tasks","name":"New Data Tasks","project":"Superalgos","projectDataTasks":[{"type":"Project Data Tasks","name":"Superalgos","project":"Superalgos","exchangeDataTasks":[{"type":"Exchange Data Tasks","name":"Binanceus","project":"Superalgos","marketDataTasks":[{"type":"Market Data Tasks","name":"Binanceus BTC/USDT","project":"Superalgos","dataMineTasks":[{"type":"Data Mine Tasks","name":"Masters","project":"Superalgos","taskManagers":[{"type":"Task Manager","name":"Masters","project":"Superalgos","tasks":[{"type":"Task","name":"Exchange Raw Data","project":"Superalgos","bot":{"type":"Sensor Bot Instance","name":"Exchange Raw Data","config":"{ \n\"startDate\": \"2020-01-01\"\n}","project":"Superalgos","processes":[{"type":"Sensor Process Instance","name":"Exchange Raw Data Historic-OHLCVs","project":"Superalgos","id":"48da2d1f-85aa-4206-8e53-cc010c3280d2","savedPayload":{"position":{"x":26808.380470322878,"y":28508.890029831477},"targetPosition":{"x":26964.5208127148,"y":28252.725642225134},"floatingObject":{"isPinned":false,"isFrozen":false,"isCollapsed":false,"angleToParent":3,"distanceToParent":3,"arrangementStyle":0},"uiObject":{"isRunning":false},"referenceParent":{"type":"Process Definition","name":"Historic-OHLCVs","id":"5eb11d6a-022e-4f60-97c4-d6cf90b249dc"}}}],"id":"7d9aefc0-f001-4acb-9e97-34039ed84072","savedPayload":{"position":{"x":26964.5208127148,"y":28252.725642225134},"targetPosition":{"x":27120.66115510672,"y":27996.56125461879},"floatingObject":{"isPinned":false,"isFrozen":false,"isCollapsed":false,"angleToParent":2,"distanceToParent":3,"arrangementStyle":0},"uiObject":{"isRunning":false}}},"id":"9157e60f-5ffa-48e0-8d48-a5d328bcc073","savedPayload":{"position":{"x":27120.66115510672,"y":27996.56125461879},"targetPosition":{"x":27276.801497498644,"y":27740.39686701245},"floatingObject":{"isPinned":false,"isFrozen":false,"isCollapsed":false,"angleToParent":2,"distanceToParent":3,"arrangementStyle":0},"uiObject":{"isRunning":false}}},{"type":"Task","name":"Webhooks","project":"Superalgos","bot":{"type":"Sensor Bot Instance","name":"Webhooks","config":"{ \n\"startDate\": \"2020-01-01\"\n}","project":"Superalgos","processes":[{"type":"Sensor Process Instance","name":"Webhooks Check-Webhook","project":"Superalgos","id":"43d40b57-8729-4b76-8c23-785afca39d6c","savedPayload":{"position":{"x":26610.84526955405,"y":28345.79120334358},"targetPosition":{"x":26832.830678868915,"y":28143.993091233202},"floatingObject":{"isPinned":false,"isFrozen":false,"isCollapsed":false,"angleToParent":3,"distanceToParent":3,"arrangementStyle":0},"uiObject":{"isRunning":false},"referenceParent":{"type":"Process Definition","name":"Check-Webhook","id":"69f37820-ab16-4e19-bfd8-386dd6e249a3"}}}],"id":"d7618750-0098-4802-ac35-9d06ce6c534d","savedPayload":{"position":{"x":26832.830678868915,"y":28143.993091233202},"targetPosition":{"x":27054.81608818378,"y":27942.194979122825},"floatingObject":{"isPinned":false,"isFrozen":false,"isCollapsed":false,"angleToParent":2,"distanceToParent":3,"arrangementStyle":0},"uiObject":{"isRunning":false}}},"id":"77c8d6b4-be65-43b9-8e4a-23036d9e03d9","savedPayload":{"position":{"x":27054.81608818378,"y":27942.194979122825},"targetPosition":{"x":27276.801497498644,"y":27740.39686701245},"floatingObject":{"isPinned":false,"isFrozen":false,"isCollapsed":false,"angleToParent":2,"distanceToParent":3,"arrangementStyle":0},"uiObject":{"isRunning":false}}},{"type":"Task","name":"Candles Volumes","project":"Superalgos","bot":{"type":"Indicator Bot Instance","name":"Candles Volumes","config":"{ \n\"parameter1\": \"Value for parameter1 defined at the Product Definition\"\n}","project":"Superalgos","processes":[{"type":"Indicator Process Instance","name":"Candles Volumes Multi-Period-Market","project":"Superalgos","id":"0e5261ce-0641-49c1-944a-75ff40a394fa","savedPayload":{"position":{"x":26510.383548046007,"y":28199.02179461765},"targetPosition":{"x":26737.108420352284,"y":28002.563574434065},"floatingObject":{"isPinned":false,"isFrozen":false,"isCollapsed":false,"angleToParent":3,"distanceToParent":3,"arrangementStyle":0},"uiObject":{"isRunning":false},"referenceParent":{"type":"Process Definition","name":"Multi-Period-Market","id":"9f683143-a33f-42c1-9fa8-c601f01ee4e1"}}},{"type":"Indicator Process Instance","name":"Candles Volumes Multi-Period-Daily","project":"Superalgos","id":"3b721729-5767-4b5d-b62d-16d83eba5a88","savedPayload":{"position":{"x":26442.529811173474,"y":28059.338947742188},"targetPosition":{"x":26737.108420352284,"y":28002.563574434065},"floatingObject":{"isPinned":false,"isFrozen":false,"isCollapsed":false,"angleToParent":3,"distanceToParent":3,"arrangemeLine truncated
@@ -100,8 +100,58 @@
        },
        {
            "style": "Subtitle",
-            "text": "Changing Node's Configurations",
-            "updated": 1613846731449
+            "text": "Pressing Keys on the Design Space",
+            "updated": 1620866371352
+        },
+        {
+            "style": "Text",
+            "text": "It is also possible to press any combination of keys within the Design Space. The format works the same as above but the key press will happen within the context of the design space.",
+            "updated": 1620866727876
+        },
+        {
+            "style": "Javascript",
+            "text": "\"keyPressed\": {\n\"shiftKey\": true,\n\"ctrlKey\": true,\n\"metaKey\": true,\n\"key\": \"R\"\n}",
+            "updated": 1620866699727
+        },
+        {
+            "style": "Text",
+            "text": ""
+        },
+        {
+            "style": "Subtitle",
+            "text": "Toggling Map View",
+            "updated": 1620866823195
+        },
+        {
+            "style": "Text",
+            "text": "In order to switch between regular and map view, you can use the following configuration."
+        },
+        {
+            "style": "Javascript",
+            "text": "\"toggleMapView\": {\n        \"view\": \"On\"\n    }",
+            "updated": 1620867055273
+        },
+        {
+            "style": "Text",
+            "text": "Valid options are:",
+            "updated": 1620867068878
+        },
+        {
+            "style": "List",
+            "text": "\"On\""
+        },
+        {
+            "style": "List",
+            "text": "\"Off\""
+        },
+        {
+            "style": "Note",
+            "text": "When this configuration is active within a tutorial step, the user will be unable to switch between views manually.",
+            "updated": 1620867158361
+        },
+        {
+            "style": "Subtitle",
+            "text": "Changing Node's Configurations"
        },
        {
            "style": "Text",
@@ -11,11 +11,6 @@
        }
    },
    "paragraphs": [
-        {
-            "style": "Callout",
-            "text": "Right-click to open the Design Space map for a birds eye view of the workspace.",
-            "updated": 1620553531060
-        },
        {
            "style": "Text",
            "text": "The building blocks I installed are:",
@@ -19,11 +19,6 @@
        {
            "style": "Success",
            "text": "This is the same trading system you interacted with during the welcome tutorials."
-        },
-        {
-            "style": "Callout",
-            "text": "Left-click to zoom back into the workspace.",
-            "updated": 1620553577819
        }
    ]
 }
@@ -0,0 +1,33 @@
+{
+    "tutorial": "How to Set up a New Chart",
+    "pageNumber": 7,
+    "type": "Tutorial Step - Adjust for Your Exchange",
+    "definition": {
+        "text": "You may remember this question from the welcome tutorial. Are you trading at binance.com or binance.us?",
+        "updated": 1621521134471,
+        "icon": {
+            "name": "crypto-exchange",
+            "project": "Superalgos"
+        }
+    },
+    "paragraphs": [
+        {
+            "style": "Text",
+            "text": "This workspace was built using binance.us. If that is your exchange go ahead and skip this step. However, if your data is stored on binance.com you will need to make one quick adjustment.",
+            "updated": 1621521898886
+        },
+        {
+            "style": "Callout",
+            "text": "Configure the Binance node to your left.",
+            "updated": 1621521971691
+        },
+        {
+            "style": "List",
+            "text": "Open the configuration and change the codeName to binance. Move the mouse pointer out of the configuration bubble and it will close and save automatically."
+        },
+        {
+            "style": "List",
+            "text": "Edit the label of the node to read Binance."
+        }
+    ]
+}
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 7,
+    "pageNumber": 8,
    "type": "Tutorial Step - Charting Workspace Market",
    "definition": {
        "text": "To finish this basic setup, I have gone ahead and installed the BTC/USDT market for you.",
@@ -13,8 +13,8 @@
    "paragraphs": [
        {
            "style": "Text",
-            "text": "The Install a New Market Tutorial taught you that installing a market sets up everything you need for a basic Superalgos workspace. This includes automatically setting up a Backtesting Session, a Live Trading Session, and charts for each Trading System present in the workspace.",
-            "updated": 1620553824986
+            "text": "The Install a New Market Tutorial taught you that installing a market sets up everything you need for a basic Superalgos workspace. This includes automatically setting up a Backtesting Session, Live Trading Session, and charts for each Trading System present in the workspace.",
+            "updated": 1621520234424
        },
        {
            "style": "Success",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 8,
+    "pageNumber": 9,
    "type": "Tutorial Step - Your First Chart",
    "definition": {
        "text": "This tutorial will help you set up your first custom Chart. The foundational concepts you learn here will help you make the most out of the Charting Space.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 9,
+    "pageNumber": 10,
    "type": "Tutorial Step - Dashing Dashboards",
    "definition": {
        "text": "The first node we will learn about today is the Dashboard. A Dashboard helps us stay organized.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 10,
+    "pageNumber": 11,
    "type": "Tutorial Step - Dashboards in the Future",
    "definition": {
        "text": "The future holds more in store. But it is still a work in progress!",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 11,
+    "pageNumber": 12,
    "type": "Tutorial Step - Magical Machines",
    "definition": {
        "text": "You've seen these portals to another dimension before! Now let's take a closer look at the magical Time Machine.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 12,
+    "pageNumber": 13,
    "type": "Tutorial Step - Keep It in One Place",
    "definition": {
        "text": "Setting up a Time Machine will allow you to keep your data synchronized and accessible.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 13,
+    "pageNumber": 14,
    "type": "Tutorial Step - Without Further Ado",
    "definition": {
        "text": "I know I'm ready to customize some charts. Are you? Let's walk through how to add the foundational nodes we need to start our chart.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 14,
+    "pageNumber": 15,
    "type": "Tutorial Step - Add a Time Machine",
    "definition": {
        "text": "Look at you! You are making great progress. Now lets get that Time Machine added!",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 15,
+    "pageNumber": 16,
    "type": "Tutorial Step - The Three Scales",
    "definition": {
        "text": "Did you notice the three nodes automatically added to your Time Machine?",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 16,
+    "pageNumber": 17,
    "type": "Tutorial Step - Chart Spawning",
    "definition": {
        "text": "One thing to keep in mind when adding Time Machines is that they may spawn on top of other charts within the Charting Space.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 17,
+    "pageNumber": 18,
    "type": "Tutorial Step - I See a Chart!",
    "definition": {
        "text": "Did you find the Time Machine you added? Don't forget to move around the Charting Space, I know it's here!",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 18,
+    "pageNumber": 19,
    "type": "Tutorial Step - Add a Timeline Chart",
    "definition": {
        "text": "Now that we have something to hold our charts, let's go ahead and add one!",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 19,
+    "pageNumber": 20,
    "type": "Tutorial Step - Why Is It Blank?",
    "definition": {
        "text": "Woohoo, you did it! You have added your first custom chart. Let's see what we've got so far. Zoom all the way into your chart and take a look around.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 20,
+    "pageNumber": 21,
    "type": "Tutorial Step - Empty Layer Manager",
    "definition": {
        "text": " This step will play a video in full screen mode.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 21,
+    "pageNumber": 22,
    "type": "Tutorial Step - The Chart of Many Talents",
    "definition": {
        "text": "The Timeline Chart gives you total control over the layers available  in your chart.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 22,
+    "pageNumber": 23,
    "type": "Tutorial Step - Herding Layers",
    "definition": {
        "text": "Let's get into the nitty gritty of layer managment.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 23,
+    "pageNumber": 24,
    "type": "Tutorial Step - Your Data Treasure Trove",
    "definition": {
        "text": "The Data Storage node holds all the important data your bots work so hard to produce. Think of it like your own personal tresure chest full of data.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 24,
+    "pageNumber": 25,
    "type": "Tutorial Step - Follow the Tree!",
    "definition": {
        "text": "Follow the Data Mines Data hierarchy and find the Data Mine Products.",
@@ -18,17 +18,17 @@
        },
        {
            "style": "Text",
-            "text": "Did you find it? Keep going farther down the hierarchy until you see them!",
-            "updated": 1620555757952
+            "text": "Did you find it? Keep going farther down the hierarchy until you see them! You should see three data mine products nodes. One for each Data Mine installed within this Workspace.",
+            "updated": 1621522552567
        },
        {
            "style": "Text",
            "text": ""
        },
        {
-            "style": "Important",
-            "text": "You should see three data mine products nodes. One for each Data Mine install within this Workspace.",
-            "updated": 1617849622065
+            "style": "Note",
+            "text": "These data structures were automatically installed during the market install process.",
+            "updated": 1621522497281
        }
    ]
 }
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 25,
+    "pageNumber": 26,
    "type": "Tutorial Step - The Data You Want to See",
    "definition": {
        "text": "In Superalgos, you control the flow of data. Talk about control!",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 26,
+    "pageNumber": 27,
    "type": "Tutorial Step - Link Chart to Data Products",
    "definition": {
        "text": "Now let's get your Time Machine in position to connect to some Data Products!",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 27,
+    "pageNumber": 28,
    "type": "Tutorial Step - Make the Connection",
    "definition": {
        "text": "You got this. Creating references is a piece of cake. Let's make the connection!",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 28,
+    "pageNumber": 29,
    "type": "Tutorial Step - Add the Layers",
    "definition": {
        "text": "This is an easy step to forget but so important. Add those layers so we can see the data in our chart!",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 29,
+    "pageNumber": 30,
    "type": "Tutorial Step - Verify the Layers",
    "definition": {
        "text": "As you may have noticed, the layers that were added match the Bot Products under the Masters Data Mine Products node.",
@@ -18,8 +18,8 @@
        },
        {
            "style": "Note",
-            "text": "To keep things simple, I have trimmed down the indicators held within each Data Mine. When you install the Masters Data Mine on your own you will have access to many more indicators!",
-            "updated": 1620048513251
+            "text": "You can have more fine tuned control over the layers available in your charts by adding or deleting individual layers.  Your charts are truly yours! ",
+            "updated": 1621522922044
        }
    ]
 }
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 30,
+    "pageNumber": 31,
    "type": "Tutorial Step - It’s Alive!",
    "definition": {
        "text": "Let's take a look at your new working chart.  I hope you are as excited as I am!",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 31,
+    "pageNumber": 32,
    "type": "Tutorial Step - Link Chart to Trading System",
    "definition": {
        "text": "We are on a roll! I hope you are ready to see your Trading System in action next!",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 32,
+    "pageNumber": 33,
    "type": "Tutorial Step - Connection One",
    "definition": {
        "text": "Let's make the first connection. Go find your Time Machine and drag it back here.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 33,
+    "pageNumber": 34,
    "type": "Tutorial Step - Back to Data Storage",
    "definition": {
        "text": "Let's find some more Data Products. You are gonna be a pro at finding things in the Data Storage hierarchy.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 34,
+    "pageNumber": 35,
    "type": "Tutorial Step - Another Timeline Chart",
    "definition": {
        "text": "To connect with our Trading System we will need another Timeline Chart. Let's go ahead and add it!",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 35,
+    "pageNumber": 36,
    "type": "Tutorial Step - Connection Two",
    "definition": {
        "text": "We are almost there! Go drag your Time Machine back over here and make the last connection.",
@@ -17,8 +17,8 @@
        },
        {
            "style": "Callout",
-            "text": "Now create a reference between your new Layer Manager and the Trading Mind Products node.",
-            "updated": 1617886479339
+            "text": "Now create a reference between your new Layer Manager and the Trading Mind Products node labeled \"Lightning Strike Backtesting Session\"",
+            "updated": 1621523291610
        },
        {
            "style": "Success",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 36,
+    "pageNumber": 37,
    "type": "Tutorial Step - Don’t Forget the Layers!",
    "definition": {
        "text": "You’ve done this before!  Make sure you add those layers.  Blank charts are no fun.",
@@ -19,6 +19,11 @@
            "style": "Text",
            "text": "This is an easy step to forget but very important! If there are't any layers under the layer manager, nothing will show up no matter how hard you try.",
            "updated": 1617888419678
+        },
+        {
+            "style": "Note",
+            "text": "When layers start to stack up things can get a bit out of hand. It is a good idea to take some time and arrange and collapse the layer nodes and folders to help keep things looking clean.",
+            "updated": 1621523558968
        }
    ]
 }
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 37,
+    "pageNumber": 38,
    "type": "Tutorial Step - Check the Chart",
    "definition": {
        "text": "At this point everything is all hooked up, hurray! Go ahead and take your new shine charts for a spin!",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 38,
+    "pageNumber": 39,
    "type": "Tutorial Step - Not Seeing Anything?",
    "definition": {
        "text": "Are you having trouble with the Trading Layers? It is important you know what you are looking for otherwise you might not find it.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 39,
+    "pageNumber": 40,
    "type": "Tutorial Step - Easy as 1, 2, 3",
    "definition": {
        "text": "You did it! I knew you could. You have successfully added you first custom chart. I hope you had as much fun as I did!",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": 40,
+    "pageNumber": 41,
    "type": "Tutorial Step - Before I Go",
    "definition": {
        "text": "Want some more help figuring out complex chart configurations? You are in luck! I have some friends who would love to help you out.",
@@ -131,6 +131,7 @@ function newSuperalgosTutorialSpace() {
        }

        keyPressed()
+        toggleMapView()
        checkPressButton()
        checkGif()
        checkImage()
@@ -162,6 +163,20 @@ function newSuperalgosTutorialSpace() {
            }
        }

+        function toggleMapView() {
+            if (currentNode === undefined) { return }
+            let config = JSON.parse(currentNode.config)
+            if (
+                config.toggleMapView !== undefined
+            ) {
+                if (config.toggleMapView.view === "On") {
+                    UI.projects.superalgos.spaces.floatingSpace.inMapMode = true
+                } else 
+                if (config.toggleMapView.view === "Off") {
+                    UI.projects.superalgos.spaces.floatingSpace.inMapMode = false
+                }
+            }
+        }
        function checkViewportZoom() {
            if (currentNode === undefined) { return }
            let config = JSON.parse(currentNode.config)
@@ -810,7 +825,7 @@ function newSuperalgosTutorialSpace() {
        resetDocumentation()
        resetRepositionAtTimeMachine()
        resetPositionAtNode()
-        resetTimeMachineKeyPressed()
+        resetTimeMachineKeyPressed() 
        resetKeyPressed()
        resetSlider()
        changeNodeConfig()