30:T4c1,{ const generator = Algebra(2, 0, 1).inline(() => { var point = (x, y) => 1e12 - x * 1e02 + y * 1e01; // Similarly, we can define lines directly. The euclidean line ax + by + c can be specified so : var line = (a, b, c) => a * 1e1 + b * 1e2 + c * 1e0; // Define 3 points. var A = point(-1, 1), B = point(-1, -1), C = point(1, -1); // Define the line y=x-0.5 var L = line(-1, 1, 0.5); // Or by joining two points. We define M as a function so it will update when C or A are dragged. var M = () => C & A; // Points can also be found by intersecting two lines. We similarly define D as a function for interactive updates. var D = () => L ^ M; return this.graph( [ A, 'A', B, 'B', C, 'C', L, 'L', M, 'M', D, 'D', 0xffcccc, // Set the color light red. [B, C], // Render line segment from B to C. 0xffcccc, // Set the color to light red. [A, B, C] // render polygon ABC. ], { grid: true } ); }); const element = generator(); // HTML Element element.style.width = width; // Style return element; }31:T4ac,{ const tr = math.matrix(T); const multiply = math.multiply(origin2M, tr); const result = multiply['_data']; const inline = ({ target, origin2D, result }) => { target.origin2D = origin2D; target.result = result; return () => { const point = (x, y) => 1e12 - x * 1e02 - y * 1e01; const Z = point(0, 0); const O1 = point(this.origin2D[0][0], this.origin2D[1][0]); const O2 = point(this.origin2D[0][1], this.origin2D[1][1]); const T1 = point(this.result[0][0], this.result[1][0]); const T2 = point(this.result[0][1], this.result[1][1]); return this.graph( [ 0x6915cf, Z, '(0, 0)', 0x8bbabb, O1, '(O11, O21)', O2, '(O21, O22)', [Z, O1], [Z, O2], 0xff7315, T1, '(T11, T21)', T2, '(T21, T22)', [Z, T1], [Z, T2] ], { grid: true } ); }; }; const target = Algebra(2, 0, 1); const generator = target.inline(inline({ target, origin2D, result })); const element = generator(); element.style.width = width; return element; }32:T7b5,{ const inline = ({ target, vector }, matrix = {}) => { target.vector = vector; target.matrix = matrix; target.transform = (v, matrix) => { let result = v; if (matrix.scale !== undefined) { result = math.multiply(math.matrix(matrix.scale), math.matrix(v)); } if (matrix.rotation !== undefined) { result = math.multiply(math.matrix(matrix.rotation), result); } const p = result['_data']; return { x: p[0][0], y: p[1][0] }; }; return () => { const point = (x, y) => 1e12 - x * 1e02 - y * 1e01; const line = (a, b, c) => a * 1e1 + b * 1e2 + c * 1e0; const BaseX = line(0, 1, 0); const BaseY = line(1, 0, 0); const Z = point(0, 0); const X = point(1, 0); const Y = point(0, 1); const O = point(this.vector[0][0], this.vector[1][0]); const txm = this.transform([[1], [0]], this.matrix); const TX = point(txm.x, txm.y); const tym = this.transform([[0], [1]], this.matrix); const TY = point(tym.x, tym.y); const tvm = this.transform(this.vector, this.matrix); const TV = point(tvm.x, tvm.y); return this.graph( [ 0x000000, BaseX, 'X', BaseY, 'Y', Z, '(0, 0)', 0xe47312, X, '(1, 0)', [Z, X], Y, '(0, 1)', [Z, Y], 0xe3b04b, O, 'Vector', [Z, O], 0x3e64ff, TX, '(1, 0)', [Z, TX], TY, '(0, 1)', [Z, TY], 0x6807f9, TV, 'Transformed', [Z, TV] ], { grid: true } ); }; }; const target = Algebra(2, 0, 1); const generator = target.inline( inline({ target, vector }, { scale, rotation }) ); const element = generator(); element.style.width = width; return element; }33:[{"id":"135d51f4046cf7af40e5a5c35ce6b0ccf71d0ead0a65807031f0946505ffd7fab35e591e35364984729e0cfcf7f6546b5f44fad30835713ab2157a748a38f10b","href":"https://static.observableusercontent.com/files/135d51f4046cf7af40e5a5c35ce6b0ccf71d0ead0a65807031f0946505ffd7fab35e591e35364984729e0cfcf7f6546b5f44fad30835713ab2157a748a38f10b","name":"3DPGA@1.png","type":"image/png","lastModified":1576063413401.685,"size":829090},{"id":"17f92109b1c3482b52be85936316efacdb268fe7c7decafc4f22d311f3dbfac095fa4ee0b7d8f0d6910cc17c59332256743c105d37f7a2f773f8e3ef44874ad3","href":"https://static.observableusercontent.com/files/17f92109b1c3482b52be85936316efacdb268fe7c7decafc4f22d311f3dbfac095fa4ee0b7d8f0d6910cc17c59332256743c105d37f7a2f773f8e3ef44874ad3","name":"2DPGA.png","type":"image/png","lastModified":1576063147982.756,"size":548460},{"id":"1232267bd1c912a06f6f5d35deb3d45a03a55f5b9f9df986a06fb0b342a386335c23fb6dff2f1f6dba655e89d90ea76b8bac8e3bfbea1bb984a6b08bdc2a92c2","href":"https://static.observableusercontent.com/files/1232267bd1c912a06f6f5d35deb3d45a03a55f5b9f9df986a06fb0b342a386335c23fb6dff2f1f6dba655e89d90ea76b8bac8e3bfbea1bb984a6b08bdc2a92c2","name":"3DPGA@2.png","type":"image/png","lastModified":1576063495534.261,"size":304848}] 2e:{"title":"Linear Algebra","cells":[{"id":0,"value":"md`# Linear Algebra`","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"md`\n## References\n- [ganja.js](https://github.com/enkimute/ganja.js): Geometric Algebra for javascript.\n- [Linear Algebra JS](https://rohan-sawhney.github.io/linear-algebra-js/)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"md`\n## Training\n### Ganja Cheat Sheet\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":418,"value":"PGA2DCheat = FileAttachment('2DPGA.png').image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":422,"value":"PGA3DCheatP1 = FileAttachment('3DPGA@1.png').image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":426,"value":"PGA3DCheatP2 = FileAttachment('3DPGA@2.png').image()","pinned":false,"hidden":false,"mode":"ojs"},{"id":430,"value":"md`\n### Ganja Quick Start Template\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":46,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":91,"value":"md `\n## Linear Algebra Basics\n### Matrix\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":146,"value":"origin2D = [[1, 0], [0, 1]]","pinned":false,"hidden":false,"mode":"ojs"},{"id":113,"value":"origin2M = math.matrix(origin2D)","pinned":false,"hidden":false,"mode":"ojs"},{"id":109,"value":"tex`${matrixTexFormat(origin2D)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":118,"value":"viewof T = {\n const form = html`\n \n `;\n\n form.oninput = () =>\n (form.value = [\n [form.T11.valueAsNumber, form.T12.valueAsNumber],\n [form.T21.valueAsNumber, form.T22.valueAsNumber]\n ]);\n\n form.oninput();\n\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":127,"value":"{\n const tr = math.matrix(T);\n const multiply = tex`\n ${matrixTexFormat(tr)} \\cdot ${matrixTexFormat(\n origin2M\n )} = ${matrixTexFormat(math.multiply(origin2M, tr))}\n`;\n\n return multiply;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":249,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":332,"value":"md`\n### Transform\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":335,"value":"viewof vector = {\n const form = html`\n \n `;\n\n form.oninput = () =>\n (form.value = [[form.X.valueAsNumber], [form.Y.valueAsNumber]]);\n\n form.oninput();\n\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":342,"value":"tex`${matrixTexFormat(vector)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":381,"value":"viewof scale = {\n const form = html`\n \n `;\n\n form.oninput = () =>\n (form.value = [[form.X.valueAsNumber, 0], [0, form.Y.valueAsNumber]]);\n\n form.oninput();\n\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":403,"value":"tex`${matrixTexFormat(scale)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":407,"value":"viewof rotation = {\n const form = html`\n \n `;\n\n form.oninput = () => {\n const angle = form.A.valueAsNumber;\n const radian = (Math.PI * angle) / 180.0;\n\n form.value = [\n [Math.cos(radian), -Math.sin(radian)],\n [Math.sin(radian), Math.cos(radian)]\n ];\n };\n\n form.oninput();\n\n return form;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":412,"value":"tex`${matrixTexFormat(rotation)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":346,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"md `\n## Imports\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":106,"value":"import { matrixTexFormat } from '@fengyfei/mathematics'","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"Algebra=require('ganja.js')","pinned":false,"hidden":false,"mode":"ojs"},{"id":97,"value":"math = require('mathjs')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}