Add vector sum interactive

Author: jmshea

02-vectors/5-vector-ops.ipynb

@@ -12,7 +12,18 @@
    "source": [
     "# Vector Operations\n",
     "\n",
-    "$~$"
+    "$~$\n",
+    "\n",
+    "Use the following interactive tool to visualize summation of two-dimensional vectors:"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "```{raw} html\n",
+    "<iframe src=\"../interactive/vector-addition.html\" width=\"100%\" height=\"800\"></iframe>\n",
+    "```\n"
    ]
   },
   {

interactive/vector-addition.html

@@ -43,7 +43,10 @@
         #vector-input {
             display: flex;
             flex-direction: column;
-            flex: 1;
+            /* flex: 1;*/
+            width:15em;
+            margin-top: 6%;
+            max-height:20em;
         }
         textarea {
             height: 600px;