2c:null 2d:["$","title",null,{"children":"Magic Square Workspace | Rini B. Mehta | Observable"}] 32:[] 30:{"id":"1294cd9afba253bf","slug":"magic-square","title":"Magic Square Workspace","thumbnail":"49e3b8e7b5c25c76853ac31b4ed41e895e2facb91573182f4e68e995d0ccb899","access_level":"unlisted","create_time":"$D2024-01-15T22:42:17.211Z","update_time":"$D2024-01-20T22:39:05.620Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"9e093f781fb276b6","login":"rbhttchr","name":"Rini B. Mehta","avatar_url":"https://avatars-next.observableusercontent.com/f01f45f328c8f9ea2aea4750f27c601cbe23773858fae2a02593e05c4f1796ee","tier":"starter_2024","bio":"University of Illinois at Urbana-Champaign | Comparative and World Literature | National Center for Supercomputing Applications |"},"version":120,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"2acec808e73ff66d","login":"rbhttchr","name":"Rini B. Mehta","avatar_url":"https://avatars-next.observableusercontent.com/f01f45f328c8f9ea2aea4750f27c601cbe23773858fae2a02593e05c4f1796ee","tier":null,"bio":"University of Illinois at Urbana-Champaign | Comparative and World Literature | National Center for Supercomputing Applications |"}],"members":[{"type":"individual","id":"2acec808e73ff66d","login":"rbhttchr","name":"Rini B. Mehta","avatar_url":"https://avatars-next.observableusercontent.com/f01f45f328c8f9ea2aea4750f27c601cbe23773858fae2a02593e05c4f1796ee","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Magic Square Workspace","cells":[{"id":0,"value":"# Magic Square Workspace","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":26,"value":"viewof m = Inputs.number([34, Infinity], {\n step: 1,\n label: \"Enter your number to generate magic square\",\n placeholder: \"\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":101,"value":"Plot.plot({\n axis: null,\n inset: 30,\n width: 150,\n height: 150,\n marks: [\n Plot.frame(),\n Plot.text(yourArray, {\n frameAnchor: \"middle\",\n fx: (d, i) => i % 4,\n fy: (d, i) => Math.floor(i / 4)\n })\n ]\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"
\n
\n
\n
\n
\n
\n
\n
\n
\n","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":82,"value":"yourArray = magic(myArray, rem, quot)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":5,"value":"myArray = [1, 8, 11, 14, 15, 10, 5, 4, 6, 3, 16, 9, 12, 13, 2, 7]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"modM = m - 34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":50,"value":"rem = modM % 4","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"quot = Math.floor(modM / 4)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":37,"value":"function magic(myArray, rem, quot) {\n if (rem === 0) return myArray.map((item) => item + quot);\n else if (rem === 1)\n return myArray.map((item) => (item > 12 ? item + quot + 1 : item + quot));\n else if (rem === 2)\n return myArray.map((item) => (item > 8 ? item + quot + 1 : item + quot));\n if (rem === 3)\n return myArray.map((item) => (item > 4 ? item + quot + 1 : item + quot));\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"magic(myArray, 2, 13)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"height = 600","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":106,"value":"\n ${yourArray.slice(0, 4).map(d => html``)}\n ${yourArray.slice(4, 8).map(d => html``)}\n ${yourArray.slice(8, 12).map(d => html``)}\n ${yourArray.slice(12, 16).map(d => html``)}\n

${d}

","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":9,"value":"{\n const svg = DOM.svg(width, height);\n\n d3.select(svg)\n .selectAll(\".square\")\n // .data(myArray)\n .enter()\n .append(\"rect\")\n\n .style(\"stroke\", \"black\")\n .attr(\"width\", function (d) {\n return d.width;\n })\n .attr(\"height\", function (d) {\n return d.height;\n })\n .style(\"fill\", \"none\")\n\n .attr(\"transform\", function (d) {\n return \"translate(\" + d.x + \",\" + d.y + \")\";\n });\n\n return svg;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":31,"value":"/*\nfunction calc(k) {\n if (k < 0) return;\n if (k === 0) return 1;\n return calc(k - 1);\n}\n*/","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W32","stdlib":"1"}} 31:"$30:body"