Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Spin off of "Spin off of 'Complexities'"
ID	6022394504462336
Created	1 years ago, 1702437992819
Updated	1 years ago, 1705927857516
Code	<!DOCTYPE html> <!-- Chalkboard vector fields demo for Bearkirb https://www.khanacademy.org/cs/chalkboard/6708642430369792 --> <html> <head> <meta charset="utf-8"> <title>Spin off of "Spin off of 'Complexities'"</title> <style> body { margin: 0; overflow: hidden; } </style> </head> <body> <canvas id="canvas" width="600" height="600"></canvas> <!-- Import Chalkboard v2.1.0 --> <script src="https://cdn.jsdelivr.net/gh/Zushah/Chalkboard@2.1.0/dist/Chalkboard.min.js"></script> <script> // Initialize the JavaScript 2D rendering context var ctx = document.getElementById("canvas").getContext("2d"); // Initialize the Chalkboard library as cb var cb = Chalkboard; // Defines the vector field F(x, y) = (x, y) var F = cb.vect.field("x", "y"); // Defines the vector field G(x, y) = (-y, x) var G = cb.vect.field("-y", "x"); // Defines the vector (1, 1) var v = cb.vect.init(1, 1); // Returns 2 and 0, respectively var divF = cb.calc.div(F, v); var curlF = cb.calc.curl(F, v).z; // Returns 0 and 2, respectively var divG = cb.calc.div(G, v); var curlG = cb.calc.curl(G, v).z; /* Syntax: Chalkboard.plot.xyplane(config); Parameter: config - configuration object, properties: x (default=width/2) - the x-coordinate of the position y (default=height/2) - the y-coordinate of the position size (default=1) - the size or scale strokeStyle (default="black") - the stroke color represented as a CSS color lineWidth (default=2) - the line width or stroke weight context (default=ctx) - the JavaScript canvas rendering context / cb.plot.xyplane({size: 4}); / Syntax: Chalkboard.plot.field(vec2field, config); Parameters: vec2field - the vector field to plot, defined by a Chalkboard.vec2.field(p, q) command config - configuration object, properties: x (default=width/2) - the x-coordinate of the position y (default=height/2) - the y-coordinate of the position size (default=1) - the size or scale strokeStyle (default="black") - the stroke color represented as a CSS color domain (default=[[-10, 10], [-10, 10]]) - the x-values and the y-values to plot the vector field between, represented as an array of two arrays where the first array has the lower and upper bounds of x-values and the second array has the lower and upper bounds of y-values lineWidth (default=5) - the line width or stroke weight res (default=25) - the resolution, meaning the gap in pixels between each plotted vector context (default=ctx) - the JavaScript canvas rendering context */ cb.plot.field(F, {size: 4, strokeStyle: "red", domain: [[-5, 5], [-5, 5]], lineWidth: 3, res: 50}); cb.plot.field(G, {size: 4, strokeStyle: "blue", domain: [[-5, 5], [-5, 5]], lineWidth: 3, res: 50}); </script> </body> </html>
Folds	7,16
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIvp36rZCgw
Votes	1
Spin-Offs	0
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	{"id":"5272011253399552","title":"Spin-off of \"Complexities\"","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Zushah
Author Name	zushah77
Author ID	kaid_283963410088246895625872
Author Profile Access	PUBLIC

Archive Data

Added	4 days ago, 1743719374499
Updated	4 days ago, 1743719374499
Source Deleted	unknown