initial charting tutorial revision 4

2021-05-02 21:55:21 -05:00
1 parent 2975b0838d
commit 542226bbca
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": "1",
+    "pageNumber": 1,
    "type": "How to Set up a New Chart Tutorial",
    "definition": {
        "text": "This Tutorial walks through the basic inner workings of the Charting Space to help you learn how to create your own custom charts.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": "2",
+    "pageNumber": 2,
    "type": "Tutorial Step - Welcome to the Otherside",
    "definition": {
        "text": "Today we will learn how to add your own custom Charts! By the end of this tutorial you will have the basic knowledge you need to unlock the power of the Charting Space.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": "3",
+    "pageNumber": 3,
    "type": "Tutorial Step - Before We Begin",
    "definition": {
        "text": "Before you start creating custom charts you should make sure you know the basics of getting around within Superalgos.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": "4",
+    "pageNumber": 4,
    "type": "Tutorial Step - Charts Without Tears",
    "definition": {
        "text": "It's frustrating to look at a chart that is empty. I am here to make sure you don’t feel stuck setting up the charts of your dreams.",
@@ -0,0 +1,42 @@
+{
+    "tutorial": "How to Set up a New Chart",
+    "pageNumber": 5,
+    "type": "Tutorial Step - Basic Building Blocks",
+    "definition": {
+        "text": "I went ahead and installed some basic building blocks within this Workspace so we can jump into creating custom charts quickly.",
+        "updated": 1619994510587,
+        "icon": {
+            "name": "design-space",
+            "project": "Superalgos"
+        }
+    },
+    "paragraphs": [
+        {
+            "style": "Callout",
+            "text": "Right Click to zoom out on the workspace.",
+            "updated": 1620006784577
+        },
+        {
+            "style": "Text",
+            "text": "The building blocks I installed are:",
+            "updated": 1620006869319
+        },
+        {
+            "style": "List",
+            "text": "Data Mine"
+        },
+        {
+            "style": "List",
+            "text": "Trading System "
+        },
+        {
+            "style": "List",
+            "text": "Market "
+        },
+        {
+            "style": "Text",
+            "text": "Everything we do today will be built on top of this basic setup. I will walk you through what I installed to give you an idea of what we will be building on top of today.",
+            "updated": 1619994819426
+        }
+    ]
+}
@@ -0,0 +1,34 @@
+{
+    "tutorial": "How to Set up a New Chart",
+    "pageNumber": 6,
+    "type": "Tutorial Step - Charting Workspace Setup",
+    "definition": {
+        "text": "Before we can look at charts, we need data! I have installed a few Data Mines and a Trading System.",
+        "updated": 1619996858906,
+        "icon": {
+            "name": "workspace",
+            "project": "Superalgos"
+        }
+    },
+    "paragraphs": [
+        {
+            "style": "Text",
+            "text": "You should see the Masters, Sparta, and Alpha data mine plugins. These give us access to a range of interesting indicators.",
+            "updated": 1619996975578
+        },
+        {
+            "style": "Note",
+            "text": "For this tutorial we will only be using the Masters Data Mine. My friends will teach you how to create charts using the other data mines later.",
+            "updated": 1619995403206
+        },
+        {
+            "style": "Text",
+            "text": "I also installed the Lighting Strike Trading System plugin. ",
+            "updated": 1619997010723
+        },
+        {
+            "style": "Success",
+            "text": "This is the same trading system you interacted with during the welcome tutorials."
+        }
+    ]
+}
@@ -0,0 +1,25 @@
+{
+    "tutorial": "How to Set up a New Chart",
+    "pageNumber": 7,
+    "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.",
+        "icon": {
+            "name": "market",
+            "project": "Superalgos"
+        },
+        "updated": 1619997280859
+    },
+    "paragraphs": [
+        {
+            "style": "Text",
+            "text": "As you may remember from Install a New Market Tutorial, 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": 1620005481411
+        },
+        {
+            "style": "Success",
+            "text": "You could run this basic setup as it stands. In fact, if you are looking for a basic way to set things up, installing a plugin Data Mine, Trading System, and finishing by installing a Market will get you up and running in no time. But that’s not the point of this Tutorial! Let’s dig into some custom charts!",
+            "updated": 1620005568841
+        }
+    ]
+}
@@ -1,20 +0,0 @@
-{
-    "tutorial": "How to Set up a New Chart",
-    "pageNumber": "7",
-    "type": "Tutorial Step - Machines with Superpowers",
-    "definition": {
-        "text": "You've seen these portals to another dimension before! Now let's take a closer look at the magical Time Machine.",
-        "icon": {
-            "name": "time-machine",
-            "project": "Superalgos"
-        },
-        "updated": 1617634105980
-    },
-    "paragraphs": [
-        {
-            "style": "Text",
-            "text": "You might have noticed each dashboard has a Time Machine attached to it. You have already encountered time machines in previous tutorials. But today we are going to be working with them a lot more closely. Take a minute and read their documentation page to get a better idea of what they do.",
-            "updated": 1617799568096
-        }
-    ]
-}
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": "5",
+    "pageNumber": 8,
    "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 Superalgo’s Charting Space.",
@@ -13,8 +13,17 @@
    "paragraphs": [
        {
            "style": "Text",
-            "text": "In particular, we are going to hook up a Time Machine to the indicators of the Masters Data Mine. These indicators will be the core data we plot on our chart. For example, candles, bollinger bands, etc. We will also attach the Backtesting Session for the Lighting Strike Trading System. This will allow us to see the output from the trading system in our chart as well!",
-            "updated": 1619016520327
+            "text": "In particular, we are going to hook up a Time Machine to the indicators of the Masters Data Mine. These indicators will be the core data we plot on our chart. ",
+            "updated": 1620007866528
+        },
+        {
+            "style": "Note",
+            "text": "For example candles, bollinger bands, supports, etc.",
+            "updated": 1620007880196
+        },
+        {
+            "style": "Text",
+            "text": "We will also attach the Backtesting Session for the Lighting Strike Trading System. This will allow us to see the output from the trading system in our chart as well!"
        }
    ]
 }
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": "6",
+    "pageNumber": 9,
    "type": "Tutorial Step - Dashing Dashboards",
    "definition": {
        "text": "The first node we will learn about today is the Dashboard. A Dashboard helps us stay organized.",
@@ -18,8 +18,8 @@
        },
        {
            "style": "Callout",
-            "text": "Expand the Charting Space node and take a look at the Dashboards underneath. What do you notice? ",
-            "updated": 1617798044669
+            "text": "Take a few minutes and look around this hierarchy.  What do you notice?",
+            "updated": 1620008481214
        },
        {
            "style": "Text",
@@ -1,42 +0,0 @@
-{
-    "tutorial": "How to Set up a New Chart",
-    "pageNumber": "9",
-    "type": "Tutorial Step - Without Further Ado",
-    "definition": {
-        "text": "I know I'm ready to add some charts. Are you? Let's add the foundational nodes we need to start our chart.",
-        "icon": {
-            "name": "chart-points",
-            "project": "Superalgos"
-        },
-        "updated": 1619016875911
-    },
-    "paragraphs": [
-        {
-            "style": "Text",
-            "text": "Enough chit-chat, let’s start adding some charts! ",
-            "updated": 1617799641215
-        },
-        {
-            "style": "Callout",
-            "text": "Hover over the Testing Environment Dashboard and click Add Time Machine. ",
-            "updated": 1617799706852
-        },
-        {
-            "style": "Text",
-            "text": "Make sure to name it something you will recognize. A good naming practice is to reference the Trading System and type of Trading Session that will be connected to the chart.  For us that would be: ",
-            "updated": 1617800245292
-        },
-        {
-            "style": "Json",
-            "text": "Lightning Strike Backtesting Session"
-        },
-        {
-            "style": "Text",
-            "text": " "
-        },
-        {
-            "style": "Text",
-            "text": ""
-        }
-    ]
-}
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": "6.5",
+    "pageNumber": 10,
    "type": "Tutorial Step - Dashboards in the Future",
    "definition": {
        "text": "The future holds more in store. But it is still a work in progress!",
@@ -13,8 +13,8 @@
    "paragraphs": [
        {
            "style": "Text",
-            "text": "Eventually Dashboards will be used to bring multiple Time Machines together in useful configurations. Think of multiple charts configured in intricate side by side displays! But for right now they helps us stay organized.",
-            "updated": 1619405408382
+            "text": "Eventually Dashboards will be used to bring multiple Time Machines together in useful configurations within the Charting Space. Think of multiple charts configured in intricate side by side displays! But for right now they helps us stay organized.",
+            "updated": 1620007944527
        },
        {
            "style": "Important",
@@ -1,7 +1,7 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": "7",
-    "type": "Tutorial Step - Time Machines Hold It All Together",
+    "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.",
        "icon": {
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": "8",
+    "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.",
@@ -0,0 +1,42 @@
+{
+    "tutorial": "How to Set up a New Chart",
+    "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.",
+        "icon": {
+            "name": "chart-points",
+            "project": "Superalgos"
+        },
+        "updated": 1620008604043
+    },
+    "paragraphs": [
+        {
+            "style": "Text",
+            "text": "I have already set up the dashboard and time machine you will need, but let's talk through how you could add them yourself in the future.",
+            "updated": 1620008836878
+        },
+        {
+            "style": "List",
+            "text": "To add a Dashboard hover over the Project Dashboards node and click Add Dashboard.",
+            "updated": 1620008972751
+        },
+        {
+            "style": "List",
+            "text": "To add a Time Machine hover over your Dashboard and click Add Time Machine."
+        },
+        {
+            "style": "Note",
+            "text": "A time machine has three scales (Rate, Time, and Time Frame). These are necessary for a time machine to work correctly.",
+            "updated": 1620009225495
+        },
+        {
+            "style": "Text",
+            "text": " "
+        },
+        {
+            "style": "Text",
+            "text": ""
+        }
+    ]
+}
@@ -1,10 +1,10 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": "9.2",
+    "pageNumber": 15,
    "type": "Tutorial Step - I See a Chart!",
    "definition": {
-        "text": "Let's take a quick look at the Charting Space and check out our new Time Machine.  What do you see?",
-        "updated": 1619018861614,
+        "text": "Let's take a quick look at the Charting Space and check out our Time Machines. What do you see?",
+        "updated": 1620010111613,
        "icon": {
            "name": "chart-points",
            "project": "Superalgos"
@@ -13,12 +13,13 @@
    "paragraphs": [
        {
            "style": "Text",
-            "text": "You should see three Time Machines. ",
-            "updated": 1619018763898
+            "text": "You should see two Time Machines.",
+            "updated": 1620010122852
        },
        {
            "style": "Callout",
-            "text": "Read the titles and find the one you just added! "
+            "text": "Read the titles and find the one you have been looking at in the Design Space!",
+            "updated": 1620010147964
        },
        {
            "style": "Text",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": "9.5",
+    "pageNumber": 16,
    "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": "10",
+    "pageNumber": 17,
    "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": "10.5",
+    "pageNumber": 18,
    "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": "11",
+    "pageNumber": 19,
    "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": "12",
+    "pageNumber": 20,
    "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": "13",
+    "pageNumber": 21,
    "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": "14",
+    "pageNumber": 22,
    "type": "Tutorial Step - Follow the Tree!",
    "definition": {
        "text": "Follow the Data Mines Data hierarchy and find the Data Mine Products.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": "15",
+    "pageNumber": 23,
    "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": "16",
+    "pageNumber": 24,
    "type": "Tutorial Step - Hooking up a Chart to Data Products",
    "definition": {
        "text": "Now let's get your Time Machine in position to make the connection.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": "18",
+    "pageNumber": 25,
    "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": "19",
+    "pageNumber": 26,
    "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": "19.5",
+    "pageNumber": 27,
    "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": "20",
+    "pageNumber": 28,
    "type": "Tutorial Step - Hooking up a Chart to a 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": "21",
+    "pageNumber": 29,
    "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": "21.5",
+    "pageNumber": 30,
    "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": "21.7",
+    "pageNumber": 31,
    "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": "22",
+    "pageNumber": 32,
    "type": "Tutorial Step - Connection Two",
    "definition": {
        "text": "We are almost there! Go drag your Time Machine back over here and make the last connection.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": "22.5",
+    "pageNumber": 33,
    "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.",
@@ -1,6 +1,6 @@
 {
    "tutorial": "How to Set up a New Chart",
-    "pageNumber": "23",
+    "pageNumber": 34,
    "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": " 23.5",
+    "pageNumber": 35,
    "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": "24",
+    "pageNumber": 36,
    "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": "25",
+    "pageNumber": 37,
    "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.",
@@ -0,0 +1,32 @@
+{
+    "tutorial": "How to Set up a New Chart",
+    "pageNumber": "14.5",
+    "type": "Tutorial Step - Naming Charts",
+    "definition": {
+        "text": "Naming nodes is important to make sure your workspace stays organized. Not to mention it makes it easier to know which chart you are looking at in the Charting Space!",
+        "updated": 1620009986762,
+        "icon": {
+            "name": "chart-points",
+            "project": "Superalgos"
+        }
+    },
+    "paragraphs": [
+        {
+            "style": "Text",
+            "text": "Make sure to name Dashboards with something you will recognize. A good naming practice is to reference the type of environment (live trading, backtesting, etc.) and network name.  For us that would be:",
+            "updated": 1620009736665
+        },
+        {
+            "style": "Json",
+            "text": "Testing Environment My Computer"
+        },
+        {
+            "style": "Text",
+            "text": "When naming a Time Machine it is helpful to reference the Trading System and type of Trading Session that will be connected to the chart. For us that would be:"
+        },
+        {
+            "style": "Json",
+            "text": "Lightning Strike Backtesting Session"
+        }
+    ]
+}