Add animation / stepping of model

1 files changed, 366 insertions, 3 deletions

diff --git a/pages/about-causal-loop-plugin b/pages/about-causal-loop-plugin
index 360825f..dcad8a4 100644
--- a/pages/about-causal-loop-plugin
+++ b/pages/about-causal-loop-plugin
@@ -1,15 +1,378 @@
+
+
 {
-  "title": "About Causal Loop Plugin",
+  "title": "About CausalLoop Plugin",
   "story": [
+    {
+      "type": "paragraph",
+      "id": "456121e3050930aa",
+      "text": ""
+    },
+    {
+      "type": "paragraph",
+      "id": "9a406c4ac09a2f84",
+      "text": "This plugin renders causal loop diagrams by parsing a simple notation:"
+    },
+    {
+      "type": "paragraph",
+      "id": "d6809bf7c999ad1b",
+      "text": "A +> B creates a positive / same direction link from A to B."
+    },
+    {
+      "type": "paragraph",
+      "id": "0f52891a9e417c8a",
+      "text": "A -> B creates a negative / opposite direction link from A to B."
+    },
+    {
+      "type": "paragraph",
+      "id": "d4ae6b062702051e",
+      "text": "You can append [n] where n is any positive whole or decimal number to modify the power of that link. This is used when animating the model. Links have a value of 1 by default."
+    },
+    {
+      "type": "paragraph",
+      "id": "e3e4199eb564d0af",
+      "text": "For example: \"Room Temperature +> Body Temperature [0.5]\" creates a link from Room Temperature to Body Temperature with a value of 0.5"
+    },
+    {
+      "type": "causalloop",
+      "id": "99b6c1f181f06109",
+      "text": "Room Temperature -> Heating\nHeating +> Room Temperature\nRoom Temperature +> Cooling\nCooling -> Room Temperature\nExternal Temperature +> Room Temperature\n\nRoom Temperature +> Body Temperature [0.5]\n\nBody Temperature +> Sweating\nSweating -> Body Temperature\nBody Temperature -> Movement\nMovement +> Body Temperature\nBody Temperature -> Clothes [0.2]\nClothes +> Body Temperature\nBody Temperature -> Shivering\nShivering +> Body Temperature [0.2]"
+    },
+    {
+      "type": "paragraph",
+      "id": "3ea052a063f9b7d4",
+      "text": "A rendered diagram will have the following buttons:"
+    },
+    {
+      "type": "markdown",
+      "id": "22af2e69ff73e300",
+      "text": "* Four arrows pointing outward represent \"Zoom\", and will open a pop-up dialog with a larger and static version of the diagram.\n* An arrow pointing down with a line represents \"Download\", and will download a static SVG of the diagram.\n* A triangle pointing to the right represents \"Play\" and will start an animation showing how the diagram is influenced as properties change.\n* A triangle pointing to the right with a vertical line represents \"Step\", which will trigger a single step of the animation.\n* A circular arrow represents \"Reset\", and will reset the diagram to its original state.\n* Two thick vertical bars represent \"Pause\", and will pause the animation."
+    }
   ],
   "journal": [
     {
+      "type": "fork",
+      "site": "localhost:3000",
+      "date": 1776196620304
+    },
+    {
       "type": "create",
       "item": {
-        "title": "About Causal Loop Plugin",
+        "title": "About CausalLoop Plugin",
         "story": []
       },
-      "date": 1766350828505
+      "site": "localhost:3000",
+      "date": 1776196620305,
+      "fork": "localhost:3000"
+    },
+    {
+      "item": {
+        "type": "factory",
+        "id": "ba7527590141d706"
+      },
+      "id": "ba7527590141d706",
+      "type": "add",
+      "date": 1776196621871
+    },
+    {
+      "type": "remove",
+      "id": "ba7527590141d706",
+      "date": 1776196624038
+    },
+    {
+      "item": {
+        "type": "factory",
+        "id": "456121e3050930aa"
+      },
+      "id": "456121e3050930aa",
+      "type": "add",
+      "date": 1776196626438
+    },
+    {
+      "type": "edit",
+      "id": "456121e3050930aa",
+      "item": {
+        "type": "paragraph",
+        "id": "456121e3050930aa",
+        "text": ""
+      },
+      "date": 1776196629655
+    },
+    {
+      "item": {
+        "type": "factory",
+        "id": "9a406c4ac09a2f84"
+      },
+      "id": "9a406c4ac09a2f84",
+      "type": "add",
+      "after": "456121e3050930aa",
+      "date": 1776196635155
+    },
+    {
+      "type": "edit",
+      "id": "9a406c4ac09a2f84",
+      "item": {
+        "type": "paragraph",
+        "id": "9a406c4ac09a2f84",
+        "text": "This plugin renders causal loop diagrams by parsing a simple notation:"
+      },
+      "date": 1776196663356
+    },
+    {
+      "type": "add",
+      "id": "d6809bf7c999ad1b",
+      "item": {
+        "type": "paragraph",
+        "id": "d6809bf7c999ad1b",
+        "text": "A +> B creates a positive / same direction link from A to B."
+      },
+      "after": "9a406c4ac09a2f84",
+      "date": 1776196703673
+    },
+    {
+      "type": "add",
+      "id": "0f52891a9e417c8a",
+      "item": {
+        "type": "paragraph",
+        "id": "0f52891a9e417c8a",
+        "text": "A -> B creates a negative / opposite direction link from A to B."
+      },
+      "after": "d6809bf7c999ad1b",
+      "date": 1776196713740
+    },
+    {
+      "type": "add",
+      "id": "d4ae6b062702051e",
+      "item": {
+        "type": "paragraph",
+        "id": "d4ae6b062702051e",
+        "text": "You can append [n] where n is any positive whole or decimal number to modify the power of that link. This is used when animating the model."
+      },
+      "after": "0f52891a9e417c8a",
+      "date": 1776196752607
+    },
+    {
+      "type": "add",
+      "id": "e3e4199eb564d0af",
+      "item": {
+        "type": "paragraph",
+        "id": "e3e4199eb564d0af",
+        "text": "For example:"
+      },
+      "after": "d4ae6b062702051e",
+      "date": 1776196757124
+    },
+    {
+      "type": "edit",
+      "id": "d4ae6b062702051e",
+      "item": {
+        "type": "paragraph",
+        "id": "d4ae6b062702051e",
+        "text": "You can append [n] where n is any positive whole or decimal number to modify the power of that link. This is used when animating the model. Links have a value of 1 by default."
+      },
+      "date": 1776196767091
+    },
+    {
+      "type": "edit",
+      "id": "e3e4199eb564d0af",
+      "item": {
+        "type": "paragraph",
+        "id": "e3e4199eb564d0af",
+        "text": "For example: \"Room Temperature +> Body Temperature [0.5]\" creates a link from Room Temperature to Body Temperature with a value of 0.5"
+      },
+      "date": 1776196807025
+    },
+    {
+      "item": {
+        "type": "factory",
+        "id": "930046040d492680"
+      },
+      "id": "930046040d492680",
+      "type": "add",
+      "after": "e3e4199eb564d0af",
+      "date": 1776196811359
+    },
+    {
+      "type": "remove",
+      "id": "930046040d492680",
+      "date": 1776196817642
+    },
+    {
+      "item": {
+        "type": "factory",
+        "id": "99b6c1f181f06109"
+      },
+      "id": "99b6c1f181f06109",
+      "type": "add",
+      "after": "e3e4199eb564d0af",
+      "date": 1776196823659
+    },
+    {
+      "type": "edit",
+      "id": "99b6c1f181f06109",
+      "item": {
+        "type": "causalloop",
+        "id": "99b6c1f181f06109",
+        "text": "Room Temperature -> Heating\nHeating +> Room Temperature\nRoom Temperature +> Cooling\nCooling -> Room Temperature\nExternal Temperature +> Room Temperature\n\nRoom Temperature +> Body Temperature [0.5]\n\nBody Temperature +> Sweating\nSweating -> Body Temperature\nBody Temperature -> Movement\nMovement +> Body Temperature\nBody Temperature -> Clothes [0.2]\nClothes +> Body Temperature\nBody Temperature -> Shivering\nShivering +> Body Temperature [0.2]"
+      },
+      "date": 1776196847559
+    },
+    {
+      "item": {
+        "type": "factory",
+        "id": "3ea052a063f9b7d4"
+      },
+      "id": "3ea052a063f9b7d4",
+      "type": "add",
+      "after": "99b6c1f181f06109",
+      "date": 1776196859743
+    },
+    {
+      "type": "edit",
+      "id": "3ea052a063f9b7d4",
+      "item": {
+        "type": "paragraph",
+        "id": "3ea052a063f9b7d4",
+        "text": "A rendered diagram will have the following buttons:"
+      },
+      "date": 1776196876277
+    },
+    {
+      "type": "add",
+      "id": "ac5e05947cf1e110",
+      "item": {
+        "type": "paragraph",
+        "id": "ac5e05947cf1e110",
+        "text": "* Four arrows pointing outwards are \"Zoom\", they will open a pop-up dialog with a static larger version of the diagram."
+      },
+      "after": "3ea052a063f9b7d4",
+      "date": 1776196899794
+    },
+    {
+      "type": "add",
+      "id": "d6f91c2856da801f",
+      "item": {
+        "type": "paragraph",
+        "id": "d6f91c2856da801f",
+        "text": "* "
+      },
+      "after": "ac5e05947cf1e110",
+      "date": 1776196904894
+    },
+    {
+      "type": "remove",
+      "id": "ac5e05947cf1e110",
+      "date": 1776196909927
+    },
+    {
+      "item": {
+        "type": "factory",
+        "id": "9d03b0bdd672f6a6"
+      },
+      "id": "9d03b0bdd672f6a6",
+      "type": "add",
+      "after": "d6f91c2856da801f",
+      "date": 1776196913677
+    },
+    {
+      "type": "edit",
+      "id": "9d03b0bdd672f6a6",
+      "item": {
+        "type": "markdown",
+        "id": "9d03b0bdd672f6a6",
+        "text": "* Four arrows pointing outward represent \"Zoom\", and will open a pop-up dialog with a larger and static version of the diagram.\n* An arrow pointing down with a line represents \"Download\", and will download a static SVG of the diagram.\n* A triangle pointing to the right represents \"Play\" and will start an animation showing how the diagram is influenced as properties change.\n* A triangle pointing to the right with a vertical line represents \"Step\", which will trigger a single step of the animation."
+      },
+      "date": 1776197041880
     },
+    {
+      "type": "remove",
+      "id": "9d03b0bdd672f6a6",
+      "date": 1776197046780
+    },
+    {
+      "item": {
+        "type": "factory",
+        "id": "cb5efb253f065849"
+      },
+      "id": "cb5efb253f065849",
+      "type": "add",
+      "after": "d6f91c2856da801f",
+      "date": 1776197047680
+    },
+    {
+      "type": "edit",
+      "id": "cb5efb253f065849",
+      "item": {
+        "type": "paragraph",
+        "id": "cb5efb253f065849",
+        "text": "* Four arrows pointing outward represent \"Zoom\", and will open a pop-up dialog with a larger and static version of the diagram.\n* An arrow pointing down with a line represents \"Download\", and will download a static SVG of the diagram.\n* A triangle pointing to the right represents \"Play\" and will start an animation showing how the diagram is influenced as properties change.\n* A triangle pointing to the right with a vertical line represents \"Step\", which will trigger a single step of the animation."
+      },
+      "date": 1776197051047
+    },
+    {
+      "type": "remove",
+      "id": "cb5efb253f065849",
+      "date": 1776197053447
+    },
+    {
+      "item": {
+        "type": "factory",
+        "id": "22af2e69ff73e300"
+      },
+      "id": "22af2e69ff73e300",
+      "type": "add",
+      "after": "d6f91c2856da801f",
+      "date": 1776197054430
+    },
+    {
+      "type": "edit",
+      "id": "22af2e69ff73e300",
+      "item": {
+        "type": "markdown",
+        "id": "22af2e69ff73e300",
+        "text": "* Four arrows pointing outward represent \"Zoom\", and will open a pop-up dialog with a larger and static version of the diagram.\n* An arrow pointing down with a line represents \"Download\", and will download a static SVG of the diagram.\n* A triangle pointing to the right represents \"Play\" and will start an animation showing how the diagram is influenced as properties change.\n* A triangle pointing to the right with a vertical line represents \"Step\", which will trigger a single step of the animation."
+      },
+      "date": 1776197057414
+    },
+    {
+      "item": {
+        "type": "factory",
+        "id": "6fdc1e632b5f6f42"
+      },
+      "id": "6fdc1e632b5f6f42",
+      "type": "add",
+      "after": "22af2e69ff73e300",
+      "date": 1776197072664
+    },
+    {
+      "type": "edit",
+      "id": "6fdc1e632b5f6f42",
+      "item": {
+        "type": "paragraph",
+        "id": "6fdc1e632b5f6f42",
+        "text": "Ok"
+      },
+      "date": 1776197079047
+    },
+    {
+      "type": "remove",
+      "id": "6fdc1e632b5f6f42",
+      "date": 1776197081097
+    },
+    {
+      "type": "remove",
+      "id": "d6f91c2856da801f",
+      "date": 1776197086381
+    },
+    {
+      "type": "edit",
+      "id": "22af2e69ff73e300",
+      "item": {
+        "type": "markdown",
+        "id": "22af2e69ff73e300",
+        "text": "* Four arrows pointing outward represent \"Zoom\", and will open a pop-up dialog with a larger and static version of the diagram.\n* An arrow pointing down with a line represents \"Download\", and will download a static SVG of the diagram.\n* A triangle pointing to the right represents \"Play\" and will start an animation showing how the diagram is influenced as properties change.\n* A triangle pointing to the right with a vertical line represents \"Step\", which will trigger a single step of the animation.\n* A circular arrow represents \"Reset\", and will reset the diagram to its original state.\n* Two thick vertical bars represent \"Pause\", and will pause the animation."
+      },
+      "date": 1776197143799
+    }
   ]
 }