2b:null 2c:["$","title",null,{"children":"Piangle for Igor (diagonal) | emma-ba | Observable"}] 31:Tae7,igor2 = { const col_top = ['#ffc', // center line only FFF8DC F3FDE8 '#b63', // diag (brown b14F1E) (dark purple 910A67) (orangy-brown BB371A) '#EF4040', // diag + small tri (light brown DC6B19) (grey rose F28585) '#FFC95F', // diag + middle tri '#FFFF80', // diag + tiny tri (lighter brown DEAC80) '#97d5c4', // (pink) '#65B741', // mountain '#C3FF93', // tree (pastel green D5ED9F) '#fff', // low mountain '#DCFFB7']; // diag + tiny mountain const col_bottom =['#00f', // diag center '#3ABEF9', // diag '#A7E6FF', // diag ext 1 '#E1F7F5', // diag ext 2 '#FFD18E', // diag ext 3 + surface 1 '#E90074', //diag ext 4 // (drak blue grey 3876BF) '#FFB996', // taupe diag ext 5 + surface 2 (light pink EED3D9) (dark pink 910A67) (orig EF9C66) '#FFDBB5', // diag ext 6 + surface 3 (pink E90074) (orig FFB996) '#FFE9D0', // diag ext 7 (orig FFDBB5) '#fff']; // brown const u = 15; // unit const wu = 534; // no. units on width const hu = 535; // no. units on height const margin = 20; const board_height = hu*u + 2*margin; const board_width = wu*u + 2*margin; let data_top, new_top, r, l, x, y, digit_top; // Background const { canvas, context } = createCanvas(board_width, board_height); const pixelRatio = resize(canvas, board_width, board_height, ); context.scale(pixelRatio, pixelRatio); context.globalAlpha = 1; context.fillStyle = '#fff'; context.fillRect(0, 0, board_height, board_width); ///////////////// DATA ///////////////// const base = get_pi_txt(wu+1); data_top = [[]]; data_top[0] = base; for (let h = 1; h < hu; ++h){ data_top[h] = []; for (let w = 0; w < wu-h; ++w) { l = data_top[h-1][w]; r = data_top[h-1][w+1]; new_top = algo_igor(l, r); data_top[h][w] = new_top; } } //////////////////// DRAW //////////////// for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu-h; ++w) { ///// BOTTOM digit_top = data_top[h][w]; x = w*u + margin; y = w*u + h*u + margin; context.fillStyle = col_bottom[digit_top]; context.fillRect(x, y, u, u); } } for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu-h; ++w) { ///// TOP if(h!=0){ digit_top = data_top[h][w]; x = w*u + h*u + margin; y = w*u + margin; context.fillStyle = col_top[digit_top]; context.fillRect(x, y, u, u); } } } return canvas; }32:Ta9a,silvia = { const col_top = ['#fff', // center line only FFF8DC F3FDE8 '#910A67', // diag (brown b14F1E) '#F28585', // diag + small tri (light brown DC6B19) '#FFCF96', // diag + tiny tri (lighter brown DEAC80) '#F7DCB9', // diag + middle tri '#d0f0e0', // (pink) '#50B020', // mountain '#D5ED9F', // tree '#FfFfF9', // low mountain '#DCFFB7' //'#393' //'#DCFFB7' ]; // diag + tiny mountain const col_bottom = ['#000', // diag center '#3ABEF9', // diag '#A7E6FF', // diag ext 1 '#A7f0a6', // diag ext 2 '#FFD18E', // diag ext 3 + surface 1 '#E92074', //diag ext 4 // (drak blue grey 3876BF) '#FFB096', // diag ext 6 + surface 3 (pink E90074) '#ee9070', // taupe diag ext 5 + surface 2 (light pink EED3D9) (dark pink 910A67) '#FFDBB5', // diag ext 7 '#fff']; // brown const u = 1.5; // unit const wu = 500; // no. units on width const hu = 500; // no. units on height const margin = 10; const board_height = hu*u + 2*margin; const board_width = wu*u + 2*margin; let data_top, new_top, r, l, x, y, digit_top; // Background const { canvas, context } = createCanvas(board_width, board_height); const pixelRatio = resize(canvas, board_width, board_height, ); context.scale(pixelRatio, pixelRatio); context.globalAlpha = 1; context.fillStyle = '#fff'; context.fillRect(0, 0, board_height, board_width); ///////////////// DATA ///////////////// const base = get_pi_txt(wu+1); data_top = [[]]; data_top[0] = base; for (let h = 1; h < hu; ++h){ data_top[h] = []; for (let w = 0; w < wu-h; ++w) { l = data_top[h-1][w]; r = data_top[h-1][w+1]; new_top = algo_silvia(l, r); data_top[h][w] = new_top; } } //////////////////// DRAW //////////////// for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu-h; ++w) { ///// BOTTOM digit_top = data_top[h][w]; x = w*u + margin; y = w*u + h*u + margin; context.fillStyle = col_bottom[digit_top]; context.fillRect(x, y, u, u); } } for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu-h; ++w) { ///// TOP if(h!=0){ digit_top = data_top[h][w]; x = w*u + h*u + margin; y = w*u + margin; context.fillStyle = col_top[digit_top]; context.fillRect(x, y, u, u); } } } return canvas; }33:[{"id":"34efc5064cab74f4007753420692ed31b5de2e67ff7f15f3bdf9787c825e6f5127db64a8063d75bad051c3f5a893b391e1a2f4a5f71c04dfd95d50994915f7d2","href":"https://static.observableusercontent.com/files/34efc5064cab74f4007753420692ed31b5de2e67ff7f15f3bdf9787c825e6f5127db64a8063d75bad051c3f5a893b391e1a2f4a5f71c04dfd95d50994915f7d2","name":"pi.txt","type":"text/plain","lastModified":1724944443676.607,"size":1000002}] 2f:{"id":"a9341cd30cdf5845","slug":null,"title":"Piangle for Igor (diagonal)","thumbnail":"2108074227b0d459124ff1ab34e3ee74ae44e97e776f34f26dff58b75bc949bf","access_level":"public","create_time":"$D2024-08-29T15:14:03.676Z","update_time":"$D2025-08-13T13:17:48.074Z","view_time":null,"first_public_time":"$D2024-08-29T15:14:03.676Z","fork":{"id":"9a628b8ea99a52d0","slug":null,"title":"Piangle for Claire & Yann (diagonal)","owner":{"id":"5d9b00b2cdcd8028","login":"emma-ba","name":""}},"stars":0,"starred":false,"owner":{"type":"team","id":"5d9b00b2cdcd8028","login":"emma-ba","name":"","avatar_url":"https://avatars-next.observableusercontent.com/3950b079ad1fc587c84ccfe712c3cc77ad1e122194ac7deeaf2ea35c7bf0f25a","tier":"starter_2024"},"version":4163,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"261e0273bd70e808","login":"emma-ba","name":"","avatar_url":"https://avatars-next.observableusercontent.com/3950b079ad1fc587c84ccfe712c3cc77ad1e122194ac7deeaf2ea35c7bf0f25a","tier":null}],"members":[{"type":"individual","id":"261e0273bd70e808","login":"emma-ba","name":"","avatar_url":"https://avatars-next.observableusercontent.com/3950b079ad1fc587c84ccfe712c3cc77ad1e122194ac7deeaf2ea35c7bf0f25a","tier":null,"role":"editor"},{"type":"team","id":"5d9b00b2cdcd8028","login":"emma-ba","name":"","avatar_url":"https://avatars-next.observableusercontent.com/3950b079ad1fc587c84ccfe712c3cc77ad1e122194ac7deeaf2ea35c7bf0f25a","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":null,"type":"notebook","body":{"title":"Piangle for Igor (diagonal)","cells":[{"id":0,"value":"# Piangle for Igor (diagonal)\n","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":3150,"value":"$31","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3694,"value":"$32","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":170,"value":"algo_igor = (l, r) => {\n let diff = Math.abs(l-r);\n let new_d;\n \n if(diff == 0){\n new_d = l-1;\n } else {\n new_d = diff;\n if(l>1 & r>1){\n let small = Math.min(l,r);// +1;\n let big = Math.max(l,r);// -1;\n let mod = big % small;\n if(mod == 0){ new_d = big +1;}\n else{ new_d = big - mod;}\n }\n }\n \n return new_d;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":305,"value":"algo_silvia = (l, r) => {\n let diff = Math.abs(l-r);\n let new_d;\n \n if(diff == 0){\n new_d = l+1;\n } else {\n new_d = diff;\n if(l>1 & r>1){\n let small = Math.min(l,r);// +1;\n let big = Math.max(l,r);// -1;\n let mod = big % small;\n if(mod == 0){ new_d = big +1;}\n else{ new_d = big - mod;}\n }\n }\n \n return new_d;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"get_pi = (length) => {\n const D = Decimal.clone({precision: length+1});\n const one = D(1), four = D(4);\n const a = four.times(arctan(one.div(5)));\n const b = arctan(one.div(239));\n const pi = four.times(a.minus(b));\n const p = pi.toFixed(length); \n \n const digits = [3];\n for (let i = 1; i < length; ++i) {digits[i] = p[i+1]*1;}\n return digits;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"function arctan(x) {\n const x2 = x.times(x);\n let k = 1, y0, y1 = x;\n do {\n y0 = y1;\n if (k & 2) y1 = y0.plus((x = x.times(x2)).div(k += 2));\n else y1 = y0.minus((x = x.times(x2)).div(k += 2));\n } while (!y1.equals(y0));\n return y1;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":13,"value":"Decimal = require(\"decimal.js-light@2/decimal.min.js\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"resize = (canvas, width, height) => {\n // Desired width and height in pixels\n //const width = 1000;\n //const height = 500;\n \n // Device screen density, e.g. MacBook Pro is @2x\n const pixelRatio = window.devicePixelRatio;\n \n // Scale it up by pixel ratio for higher density screens\n canvas.width = width * pixelRatio;\n canvas.height = height * pixelRatio;\n \n // Set the style to the desired size so that it scales back down\n canvas.style.width = `${width}px`;\n canvas.style.height = `${height}px`;\n\n return pixelRatio;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"createCanvas = () => {\n const canvas = document.createElement('canvas');\n const context = canvas.getContext('2d');\n return { canvas, context };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":268,"value":"pi_txt = FileAttachment(\"pi.txt\").csv({array: true});","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":242,"value":"get_pi_txt = (length) => {\n let pi = pi_txt[0][0];\n let digits = [];\n for (let i = 0; i < length; ++i) {digits[i] = pi[i]*1;}\n return digits;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":244,"value":"get_pi_txt(10)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":636,"value":"12%1","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"