2e:null 2f:["$","title",null,{"children":"Piangle | emma-ba | Observable"}] 34:T7cf,square_add_test = { const u = 20; // unit const wu = 10; // no. units on width const hu = 10; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const margin = 0; // Make black canvas const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); context.font = u.toString() + "px serif"; // Compute pi digits const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); // Arrange digits in bottom row & remove the . in 3.14159 const base = [3]; let data = [[]]; for (let i = 1; i < wu; ++i) { base[i] = p[i+1]*1; } data[0] = base; // Compute digits in higher rows in the triangle for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){// | w-1 > wu-h) { data[h][w] = 0; // Put 0s on the top left/right triangles } else { // Sum digits from the lower row, left & right of current cell // If the sum exceeds 10, replace by 0 data[h][w] = Math.min(data[h-1][w] + data[h-1][w-1], 10)%10 ; } } } //console.log(data); // Draw triangle cells row by row, from bottom left to top righ let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = "#ffffff"; context.globalAlpha = digit/10 + (digit == 1 ? 0.15 : digit == 2 ? 0.1 : digit == 3 ? 0.05 : 0); context.fillRect(x, y, u-margin, u-margin); context.globalAlpha = 1; context.fillStyle = "#ff0000"; context.fillText(digit, x , y +u ); } } return canvas; }35:T845,square_add = { const u = 1; // unit const wu = 1000; // no. units on width const hu = 300; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const margin = 0; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); // compute 2*wu digits to complete the top rigt corner const base = [3]; let data = [[]]; for (let i = 1; i < wu*2; ++i) { base[i] = p[i+1]*1; } data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h) { data[h][w] = 0; } else { data[h][w] = Math.min(data[h-1][w] + data[h-1][w-1], 10)%10 ; } } } const colors = ['#000000','#fbb4ae','#b3cde3','#ccebc5','#decbe4','#fed9a6','#ffffcc','#e5d8bd','#fddaec','#666666']; const colors2 = ['#000000','#a6cee3','#1f78b4','#b2df8a','#33a02c','#fb9a99','#e31a1c','#fdbf6f','#ff7f00','#cab2d6']; const colors3 = ['#000000','#ff0000','#00ff00','#00ffff','#ffff00','#a6cee3','#1f78b4','#b2df8a','#33a02c','#666666']; const colors4 = ['#000000','#333333','#ffffff','#990099','#ff00ff','#0000ff','#00ffff','#ffff00','#00cc00','#ff0000']; const pair = ['#000000','#ff0000','#0000ff','#ff0000','#0000ff','#ff0000','#0000ff','#ff0000','#0000ff','#ff0000']; let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = colors4[digit]; //context.globalAlpha = digit/10; context.globalAlpha = 1; //Math.max(1-digit/20, 0.9); context.fillRect(x, y, u-margin, u-margin); context.globalAlpha = 1; } } return canvas; }36:T6c8,square_square_sum = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const margin = 0; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); const base = [3]; let data = [[]]; for (let i = 1; i < wu*2; ++i) { base[i] = p[i+1]*1; } data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h) { data[h][w] = 0; } else { data[h][w] = Math.min(data[h-1][w]**2%10 + data[h-1][w-1]**2%10, 10)%10; } } } const pair = ['#000000','#330000','#00ff00','#660000','#00ff00','#990000','#00ff00','#cc0000','#00ff00','#ff0000']; const col = ['#000000','#ff0000','#00ff00','#990099','#ffffff','#009999','#0033cc','#ff00ff','#ffff00','#cc0000']; let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; //context.fillStyle = "#ffffff"; context.fillStyle = col[digit]; context.globalAlpha = 1; //(digit+1)/10; //Math.min(digit*4/10, 1); context.fillRect(x, y, u-margin, u-margin); context.globalAlpha = 1; } } return canvas; }37:T801,square_diff_cubed = { const u = 1; // unit const wu = 1000; // no. units on width const hu = 300; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const margin = 0; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); context.font = u.toString() + "px serif"; const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); const base = [3]; let data = [[]]; for (let i = 1; i < wu*2; ++i) { base[i] = p[i+1]*1; } data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if( w < h){ data[h][w] = 0; } else { let new_d = data[h-1][w] - data[h-1][w-1]; new_d = new_d**3; let thres = 3**3; //new_d = Math.min( new_d, thres); new_d = Math.max( new_d, -1*thres); new_d = Math.abs(new_d); data[h][w] = new_d % 10; } } } const pair = ['#000000','#330000','#00ff00','#660000','#00ff00','#990000','#00ff00','#cc0000','#00ff00','#ff0000']; const col = ['#000000','#990000','#00cc00','#ff00ff','#ffffff','#00ffff','#0000cc','#666666','#00ff00','#ff0000']; //let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { let digit = data[h][w]*1; let x = u*w*2 -h*u; let y = (hu-h-1)*u; //context.fillStyle = "#ffffff"; //context.globalAlpha = digit/10; //1; //Math.min(digit*4/10, 1); // context.fillStyle = col[digit]; context.fillRect(x, y, u-margin, u-margin); //context.globalAlpha = 1; //context.fillStyle = "#000000"; //context.fillText(digit, x , y +u ); } } return canvas; }38:T66e,square_squares_sum = { const u = 0.4; // unit const wu = 2000; // no. units on width const hu = 1200; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const margin = 0; // const col = ['#000','#ff0','#03f','#030','#600','#006','#f90','#066','#300','#00f']; const col = ['#000','#ff0','#03f','#030','#600','#006','#f90','#066','#300','#00f']; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); const base = [3]; let data = [[]]; for (let i = 1; i < wu; ++i) { base[i] = p[i+1]*1; } data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){ data[h][w] = 0; } else { let new_d = (data[h-1][w]**2 + data[h-1][w-1]**2); data[h][w] = new_d % 10; } } } let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; //context.fillStyle = "#ffffff"; context.fillStyle = col[digit]; context.globalAlpha = 1; //(digit)/10; //Math.min(digit*4/10, 1); context.fillRect(x, y, u-margin, u-margin); } } return canvas; }39:T829,square_squared_diff = { const u = 1; // unit const wu = 1000; // no. units on width const hu = 300; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const margin = 0; //const pair = ['#000000','#330000','#00ff00','#660000','#00ff00','#990000','#00ff00','#cc0000','#00ff00','#ff0000']; const col = ['#000','#090','#990','#fff','#009','#0ff','#f60','#f0f','#ff0','#666']; //const col = ['#000','#f00','#300','#303','#330','#033','#ff0','#333','#030','#009']; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); const base = [3]; let data = [[]]; for (let i = 1; i < wu; ++i) { base[i] = p[i+1]*1; } data[0] = base; // good with power=2 and thres = 5**power // good with power=3 and thres = 250 let power = 3; let thres = 250; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){ data[h][w] = 0; } else { let new_d = data[h-1][w] - data[h-1][w-1]; //new_d = new_d %10; new_d = new_d**power; new_d = Math.min( new_d, thres); new_d = Math.max( new_d, -1*thres); new_d = Math.abs(new_d); data[h][w] = new_d % 10; } } } let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; //context.fillStyle = "#ffffff"; context.fillStyle = col[digit]; context.globalAlpha = 1; //(digit)/10; //Math.min(digit*4/10, 1); context.fillRect(x, y, u-margin, u-margin); context.globalAlpha = 1; } } return canvas; }3a:T7b8,square_cubes_sum = { const u = 1; // unit const wu = 1000; // no. units on width const hu = 300; // no. units on height const width = wu*u*2 +50; // double the units to have spaces between squares const height = hu*u; const margin = 0; //const col = ['#000000','#330000','#00ff00','#660000','#00ff00','#990000','#00ff00','#cc0000','#00ff00','#ff0000']; const col = ['#000','#0f0','#333','#0f0','#f0f','#ff0','#f93','#f00','#00c','#903']; //const col = ['#000000','#333333','#ffffff','#990099','#ff00ff','#0000ff','#00ffff','#ffff00','#00ff00','#ff0000']; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); const base = [3]; let data = [[]]; for (let i = 1; i < wu; ++i) { base[i] = p[i+1]*1; } data[0] = base; let power = 3; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){ data[h][w] = 0; } else { let new_d = (data[h-1][w]**power)%10 + (data[h-1][w-1]**power)%10; let thres = 10; new_d = Math.min( new_d, thres); //new_d = Math.max( new_d, -1*thres); //new_d = Math.abs(new_d); data[h][w] = new_d % 10; } } } let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; //context.fillStyle = "#ffffff"; context.fillStyle = col[digit]; context.globalAlpha = 1; //(digit)/10; //Math.min(digit*4/10, 1); context.fillRect(x, y, u-margin, u-margin); } } return canvas; }3b:T7af,square_quadries_sum = { const u = 1; // unit const wu = 1000; // no. units on width const hu = 300; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const margin = 0; //const col = ['#000000','#330000','#00ff00','#660000','#00ff00','#990000','#00ff00','#cc0000','#00ff00','#ff0000']; //const col = ['#000','#030','#333','#300','#303','#330','#630','#600','#033','#f00']; const col = ['#000','#f0f','#fff','#00f','#90c','#f00','#066','#ff0','#0f0','#900']; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); const base = [3]; let data = [[]]; for (let i = 1; i < wu; ++i) { base[i] = p[i+1]*1; } data[0] = base; let power = 3; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){ data[h][w] = 0; } else { let new_d = (data[h-1][w]**power) - (data[h-1][w-1]**power); let thres = 300; new_d = Math.min( new_d, thres); new_d = Math.max( new_d, -1*thres); new_d = Math.abs(new_d); data[h][w] = new_d % 10; } } } let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; //context.fillStyle = "#ffffff"; context.fillStyle = col[digit]; context.globalAlpha = 1; //(digit)/10; //Math.min(digit*4/10, 1); context.fillRect(x, y, u-margin, u-margin); context.globalAlpha = 1; } } return canvas; }3c:T8e8,square_quadries_sum1 = { const u = 1; // unit const wu = 1000; // no. units on width const hu = 300; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const margin = 0; //const col = ['#000000','#330000','#00ff00','#660000','#00ff00','#990000','#00ff00','#cc0000','#00ff00','#ff0000']; //const col = ['#000','#030','#333','#300','#303','#330','#630','#600','#033','#f00']; const col = ['#000','#30c','#999','#0ff','#f0f','#f00','#990','#fc0','#0c0','#630']; let power = 4.034; let thres = 1000; // const col = ['#000','#30f','#fff','#00f','#90c','#300','#066','#ff0','#060','#660']; // power = 4.034 and no thres //power = 4.03 & thres = 1000; // power = 4 and thres = 2465;//2515;//4018;//4015;//5000;//4000;//2500;2465;2410-60;2400;2200;2000;//1000; //670; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); const base = [3]; let data = [[]]; for (let i = 1; i < wu; ++i) { base[i] = p[i+1]*1; } data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){ data[h][w] = 0; } else { let new_d = (data[h-1][w]**power) - (data[h-1][w-1]**power); //new_d = Math.min( new_d, thres); //new_d = Math.max( new_d, -1*thres); new_d = Math.abs(new_d); new_d = Math.trunc(new_d); data[h][w] = new_d % 10; } } } let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; //context.fillStyle = "#ffffff"; context.fillStyle = col[digit]; context.globalAlpha = 1; //(digit)/10; //Math.min(digit*4/10, 1); context.fillRect(x, y, u-margin, u-margin); context.globalAlpha = 1; } } return canvas; }3d:T97f,square_quadries_sum2 = { const u = 1; // unit const wu = 1000; // no. units on width const hu = 300; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const margin = 0; //const col = ['#000000','#330000','#00ff00','#660000','#00ff00','#990000','#00ff00','#cc0000','#00ff00','#ff0000']; //const col = ['#000','#030','#333','#300','#303','#330','#630','#600','#033','#f00']; const col = ['#000','#600','#ff0','#f06','#030','#0f0','#333','#005','#069','#fff']; let power = 2; let shift_digit = 1; let thres = 14;//15; // const col = ['#000','#30f','#fff','#00f','#90c','#300','#066','#ff0','#060','#660']; // power = 4.034 and no thres //power = 4.03 & thres = 1000; // power = 4 and thres = 2465;//2515;//4018;//4015;//5000;//4000;//2500;2465;2410-60;2400;2200;2000;//1000; //670; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); const base = [3]; let data = [[]]; for (let i = 1; i < wu; ++i) { base[i] = p[i+1]*1; } data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){ data[h][w] = 0; } else { //let new_d = (data[h-1][w]**power - data[h-1][w-1]**power); let new_d = (data[h-1][w] + data[h-1][w-1]); new_d = Math.min( new_d, thres); //new_d = Math.max( new_d, -1*thres); new_d = Math.abs(new_d); new_d = new_d**(1/power); new_d = new_d * (10**shift_digit); new_d = Math.trunc(new_d); data[h][w] = new_d % 10; } } } let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; //context.fillStyle = "#ffffff"; context.fillStyle = col[digit]; context.globalAlpha = 1; //(digit)/10; //Math.min(digit*4/10, 1); context.fillRect(x, y, u-margin, u-margin); context.globalAlpha = 1; } } return canvas; }3e:T992,square_quadries_sum3 = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const margin = 0; //const col = ['#000000','#330000','#00ff00','#660000','#00ff00','#990000','#00ff00','#cc0000','#00ff00','#ff0000']; //const col = ['#000','#030','#333','#300','#303','#330','#630','#600','#033','#f00']; const col = ['#000','#f0f','#500','#0ff','#c09','#0f0','#040','#0ff','#09f','#f90']; let power = 2; let shift_digit = 1; let thres = 10;//15; // const col = ['#000','#30f','#fff','#00f','#90c','#300','#066','#ff0','#060','#660']; // power = 4.034 and no thres //power = 4.03 & thres = 1000; // power = 4 and thres = 2465;//2515;//4018;//4015;//5000;//4000;//2500;2465;2410-60;2400;2200;2000;//1000; //670; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); const base = [3]; let data = [[]]; for (let i = 1; i < wu; ++i) { base[i] = p[i+1]*1; } data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){ data[h][w] = 0; } else { //let new_d = (data[h-1][w]**power - data[h-1][w-1]**power); let new_d = (data[h-1][w]+1)%10 + (data[h-1][w-1]+1)%10; new_d = Math.min( new_d, thres); //new_d = Math.max( new_d, -1*thres); //new_d = Math.abs(new_d); //new_d = new_d**(1/power); //new_d = new_d * (10**shift_digit); //new_d = Math.trunc(new_d); data[h][w] = new_d % 10; } } } let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; //context.fillStyle = "#ffffff"; context.fillStyle = col[digit]; context.globalAlpha = 1; //(digit)/10; //Math.min(digit*4/10, 1); context.fillRect(x, y, u-margin, u-margin); context.globalAlpha = 1; } } return canvas; }3f:T6f2,bday = { const u = 1; // unit const wu = 1000; // no. units on width const hu = 300; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const margin = 0; const col = ['#000','#ff0','#09f','#0ff','#c09','#0f0','#090','#f00','#600','#930']; let power = 1; let shift_digit = 0; let thres = 10; let bday = [1,3,1,2]; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); const base = [3]; let data = [[]]; for (let i = 1; i < wu; ++i) { base[i] = p[i+1]*1; } data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){ data[h][w] = 0; } else { let new_d = data[h-1][w] + data[h-1][w-1]; if(new_d > 13){ new_d = 0; } if(new_d == bday[w%bday.length]){ new_d = new_d+1; } new_d = new_d%10; data[h][w] = new_d; } } } let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; //context.fillStyle = "#ffffff"; context.fillStyle = col[digit]; context.globalAlpha = 1; //(digit)/10; //Math.min(digit*4/10, 1); context.fillRect(x, y, u-margin, u-margin); context.globalAlpha = 1; } } return canvas; }40:T6f4,test = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const margin = 0; const col = ['#000','#009','#0f0','#0cf','#0a0','#f0f','#ff0','#f00','#600','#900']; const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); let data = [[]]; const base = [3]; for (let i = 1; i < wu; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){ data[h][w] = 0; } else { let diff = Math.abs(data[h-1][w] - data[h-1][w-1]); let new_d = data[h-1][w] + data[h-1][w-1] - 2*diff; new_d = Math.abs(new_d); //new_d = new_d + Math.abs(data[h-1][w] - data[h-1][w-1]) if( diff == 0){ new_d = data[h-1][w]; } new_d = new_d%10; data[h][w] = new_d; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; //context.fillStyle = "#ffffff"; context.fillStyle = col[digit]; context.globalAlpha = 1; //(digit)/10; //Math.min(digit*4/10, 1); context.fillRect(x, y, u-margin, u-margin); context.globalAlpha = 1; } } return canvas; }41:T675,test2 = { const u = 2; // unit const wu = 500; // no. units on width const hu = 170; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const col = ['#000','#00f','#ff0','#f90','#0ff','#f0f','#c0c','#006','#0f0','#09f']; let power = 3; let thres = 8**power; let rep_p = 1; let rep_n = 6; const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); let data = [[]]; const base = [3]; for (let i = 1; i < wu; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){ data[h][w] = 0; } else { let new_d = (data[h-1][w]**power) - (data[h-1][w-1]**power); if(new_d == 0){new_d = data[h-1][w];} if(new_d > thres){new_d = rep_p;} if(new_d < -1*thres){new_d = rep_n;} new_d = Math.abs(new_d); data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } return canvas; }42:T674,test3 = { const u = 3; // unit const wu = 315; // no. units on width const hu = 95; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const col = ['#000','#f00','#ff0','#0ff','#000','#f0f','#903','#009','#090','#06d']; let power = 3; let thres = 8**power; let rep_p = 3; let rep_n = 6; const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); let data = [[]]; const base = [3]; for (let i = 1; i < wu; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){ data[h][w] = 0; } else { let new_d = (data[h-1][w]**power) - (data[h-1][w-1]**power); if(new_d == 0){new_d = data[h-1][w];} if(new_d > thres){new_d = rep_p;} if(new_d < -1*thres){new_d = rep_n;} new_d = Math.abs(new_d); data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } return canvas; }43:T6ec,test5 = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const col = ['#000','#f00','#ff0','#0ff','#000','#f0f','#903','#009','#090','#09f']; let power = 3; let thres = 8**power; let rep_p = 4; let rep_n = 4; // scales // let thres = 6**power; // let rep = 0; // stair case // let thres = 300; // let rep = 4; const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); let data = [[]]; const base = [3]; for (let i = 1; i < wu; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){ data[h][w] = 0; } else { let new_d = (data[h-1][w]**power) - (data[h-1][w-1]**power); if(new_d == 0){new_d = data[h-1][w];} if(new_d > thres){new_d = rep_p;} if(new_d < -1*thres){new_d = rep_n;} new_d = Math.abs(new_d); data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } return canvas; }44:T677,test4 = { const u = 1.5; // unit const wu = 750; // no. units on width const hu = 225; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const col = ['#000','#fff','#f90','#0ff','#090','#900','#f0f','#006','#0f0','#09f']; let power = 3; let thres = 8**power; let rep_p = 5; let rep_n = 5; const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); let data = [[]]; const base = [3]; for (let i = 1; i < wu; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){ data[h][w] = 0; } else { let new_d = (data[h-1][w]**power) - (data[h-1][w-1]**power); if(new_d == 0){new_d = data[h-1][w];} if(new_d > thres){new_d = rep_p;} if(new_d < -1*thres){new_d = rep_n;} new_d = Math.abs(new_d); data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } return canvas; }45:T675,test6 = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const col = ['#000','#f83','#ff0','#0ff','#070','#0cf','#900','#f00','#0f0','#fff']; let power = 3; let thres = 6**power; let rep_p = 0; let rep_n = 0; const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); let data = [[]]; const base = [3]; for (let i = 1; i < wu; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){ data[h][w] = 0; } else { let new_d = (data[h-1][w]**power) - (data[h-1][w-1]**power); if(new_d == 0){new_d = data[h-1][w];} if(new_d > thres){new_d = rep_p;} if(new_d < -1*thres){new_d = rep_n;} new_d = Math.abs(new_d); data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } return canvas; }46:T6ac,test7 = { const u = 1; // unit const wu = 1000; // no. units on width const hu = 300; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const col = ['#000','#0f0','#ff0','#0ff','#00f','#0cf','#050','#0ff','#f30','#f0f']; let power = 3; let thres = 300; let rep_p = 4; let rep_n = 4; // stair case // let thres = 300; // let rep = 4; const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); let data = [[]]; const base = [3]; for (let i = 1; i < wu; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){ data[h][w] = 0; } else { let new_d = (data[h-1][w]**power) - (data[h-1][w-1]**power); if(new_d == 0){new_d = data[h-1][w];} if(new_d > thres){new_d = rep_p;} if(new_d < -1*thres){new_d = rep_n;} new_d = Math.abs(new_d); data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } return canvas; }47:T72f,test8 = { const u = 1; // unit const wu = 1000; // no. units on width const hu = 300; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const col = ['#000','#0cf','#909','#fff','#f0f','#fff','#0f0','#0f0','#ff0','#0f0']; let hi_sum = 7; let hi_diff = 2; let rep = 4; // stair case // let thres = 300; // let rep = 4; const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); let data = [[]]; const base = [3]; for (let i = 1; i < wu; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){ data[h][w] = 0; } else { let new_d = 0; let l = data[h-1][w]; let r = data[h-1][w-1]; let sum = l + r; let diff = l - r; diff = Math.abs(diff); if(sum == 0){ new_d = l; } else if(sum > hi_sum){ new_d = sum; } else if(diff > hi_diff){ new_d = rep; } else { new_d = diff; } data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } return canvas; }48:T750,test9 = { const u = 1; // unit const wu = 1000; // no. units on width const hu = 300; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const col = ['#000','#0cf','#909','#fff','#f0f','#999','#090','#f00','#ff0','#0f0']; const D = Decimal.clone({precision: wu+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu); let data = [[]]; const base = [3]; for (let i = 1; i < wu; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu; ++w) { if(w < h){ data[h][w] = 0; } else { let r = data[h-1][w]; let rr = data[h-1][w+1]; let rrr = data[h-1][w+2]; let l = data[h-1][w-1]; let ll = data[h-1][w-2]; let lll = data[h-1][w-3]; let new_d = 0; if(ll == 9 & lll == 9 ){new_d = 9;} if(l == 9 & ll == 9 ){new_d = 9;} if(r == 9 & l == 9 ){new_d = 9;} if(r == 9 & rr == 9 ){new_d = 9;} if(rr == 9 & rrr == 9 ){new_d = 9;} if(r == rr == rrr){new_d = r;} if(l == ll == lll){new_d = l;} data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } return canvas; }49:T6e6,test10 = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const col = ['#000','#0cf','#f0f','#666','#900','#fff','#090','#00f','#ff0','#0f0']; const thres = -4; const rep = 9; const D = Decimal.clone({precision: wu*2+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu*3); let data = [[]]; const base = [3]; for (let i = 1; i < wu*3; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*3; ++w) { if(w < h){ data[h][w] = 0; } else { let r = data[h-1][w]; let rr = data[h-1][w+1]; let rrr = data[h-1][w+2]; let l = data[h-1][w-1]; let new_d = l - r - rr; if(new_d < thres){ new_d = r ;} if(new_d < -10){ new_d = 0;} if(new_d > 8){ new_d = 0;} new_d = Math.abs(new_d); data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; //if(w > wu - h){context.fillStyle = '#000'; } context.fillRect(x, y, u, u); } } return canvas; }4a:T6e6,test11 = { const u = 1; // unit const wu = 1000; // no. units on width const hu = 300; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const col = ['#000','#999','#f0f','#0ff','#900','#0f0','#ff0','#f60','#099','#fff']; const thres = -1; const rep = 8; const start = 0; const D = Decimal.clone({precision: wu*2+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu*3); let data = [[]]; const base = [3]; for (let i = 1; i < wu*3; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*3; ++w) { if(w < h){ data[h][w] = 0; } else { let r = data[h-1][w]; let rr = data[h-1][w+1]; let l = data[h-1][w-1]; let new_d = start; if(l - r - rr < thres){ new_d = l - r - rr ;} //if(l + r > 10){ new_d = 0;} if(new_d < -10){ new_d = rep;} new_d = Math.abs(new_d); data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; //if(w > wu - h){context.fillStyle = '#000'; } context.fillRect(x, y, u, u); } } return canvas; }4b:T6e5,test12 = { const u = 0.6; // unit const wu = 1000; // no. units on width const hu = 1000; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const col = ['#000','#999','#f0f','#0ff','#900','#ff0','#0f0','#f60','#099','#fff']; const thres = -1; const rep = 8; const start = 0; const D = Decimal.clone({precision: wu*2+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu*3); let data = [[]]; const base = [3]; for (let i = 1; i < wu*3; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*3; ++w) { if(w < h){ data[h][w] = 0; } else { let r = data[h-1][w]; let rr = data[h-1][w+1]; let l = data[h-1][w-1]; let new_d = r; if(l - r - rr < thres){ new_d = l - r - rr ;} //if(l + r > 10){ new_d = 0;} if(new_d < -10){ new_d = rep;} new_d = Math.abs(new_d); data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; //if(w > wu - h){context.fillStyle = '#000'; } context.fillRect(x, y, u, u); } } return canvas; }4c:T679,test13 = { const u = 2; // unit const wu = 500; // no. units on width const hu = 170; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const col = ['#000','#00f','#909','#09f','#900','#0f0','#f60','#ff0','#f0f','#fff']; const thres = 2; const D = Decimal.clone({precision: wu*2+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu*3); let data = [[]]; const base = [3]; for (let i = 1; i < wu*3; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*3; ++w) { if(w < h){ data[h][w] = 0; } else { let l = Math.max(data[h-1][w]-1,0); let r = Math.max(data[h-1][w-1]-1,0); let diff = Math.abs(l - r); let new_d = diff; if(diff < thres){ new_d = l + r ;} data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } return canvas; }4d:T78e,test14 = { const u = 2; // unit const wu = 1000; // no. units on width const hu = 75; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const col = ['#fff','#000','#0f0','#f00','#666','#f0f','#666','#0ff','#666','#666']; // const col = ['#00f','#003','#606','#666','#0f0','#09f','#930','#f60','#f0f','#fff']; const start = 0; const D = Decimal.clone({precision: wu*2+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu*3); let data = [[]]; const base = [3]; for (let i = 1; i < wu*3; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*3; ++w) { if(w < h){ data[h][w] = 0; } else { let l = data[h-1][w]; let r = data[h-1][w-1]; let new_d = start; if(l==r){new_d = r;} else if(l == 0){ new_d = r;} else if(r == 0){ new_d = l;} else if(l%r==0){new_d = r;} else if(r%l==0){new_d = l;} //else if(l>r){new_d = l%r;} //else if(r>l){new_d = r%l;} data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { if(w >= h){ digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } } return canvas; }4e:T7fa,test31 = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; // const col = ['#fff','#000','#0f0','#f00','#666','#f0f','#666','#0ff','#666','#666']; const col = ['#000','#00f','#09f','#666','#900','#f00','#f90','#ddd','#0c0','#060']; const start = 0; const D = Decimal.clone({precision: wu*2+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu*3); let data = [[]]; const base = [3]; for (let i = 1; i < wu*3; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*3; ++w) { if(w < h){ data[h][w] = 0; } else { let l = data[h-1][w] +1; let r = data[h-1][w-1] +1; let diff = Math.abs(l-r); let new_d; if(diff == 0){ new_d = l; } else { new_d = diff; if(l>1 & l>1){ let small = Math.min(l,r); let big = Math.max(l,r); let mod = big % small; if(mod == 0){ new_d = small;} else{ new_d = small + mod;} } } data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { if(w >= h){ digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } } return canvas; }4f:T7a6,test15 = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; // const col = ['#00f','#000','#666','#900','#0f0','#f00','#0f0','#900','#0f0','#0f0']; const col = ['#00f','#000','#606','#666','#0f0','#09f','#930','#f60','#f0f','#fff']; const thres = 2; const D = Decimal.clone({precision: wu*2+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu*3); let data = [[]]; const base = [3]; for (let i = 1; i < wu*3; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*3; ++w) { if(w < h){ data[h][w] = 0; } else { let l = data[h-1][w]; let r = data[h-1][w-1]; let diff = Math.abs(l - r); let sum = l + r; let new_d = 0; if(l==r){new_d = r;} else if(l%r==0){new_d = r;} else if(r%l==0){new_d = l;} //else if(l>r){new_d = l%r;} //else if(r>l){new_d = r%l;} if(diff < thres){ new_d = sum ;} data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { if(w >= h){ digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } } return canvas; }50:T7f7,test16 = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; // const col = ['#00f','#000','#666','#900','#0f0','#f00','#0f0','#900','#0f0','#0f0']; const col = ['#00f','#000','#c00','#0f0','#f0f','#09f','#666','#fff','#999','#f60']; const start = 0; const rep = 0; const thres = 5; const D = Decimal.clone({precision: wu*2+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu*3); let data = [[]]; const base = [3]; for (let i = 1; i < wu*3; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*3; ++w) { if(w < h){ data[h][w] = 0; } else { let l = data[h-1][w]; let r = data[h-1][w-1]; let diff = Math.abs(l - r); let sum = l + r; let new_d = start; if(l==r){new_d = r;} else if(l%r==0){new_d = r;} else if(r%l==0){new_d = l;} //else if(l>r){new_d = l%r;} //else if(r>l){new_d = r%l;} if(diff > thres){ new_d = diff ;} if(sum > thres){ new_d = sum ;} data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { if(w >= h){ digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } } return canvas; }51:T815,test17 = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; // const col = ['#00f','#000','#666','#900','#0f0','#f00','#0f0','#900','#0f0','#0f0']; const col = ['#00f','#000','#c00','#0f0','#f0f','#09f','#666','#fff','#999','#f60']; const start = 0; const rep = 0; const thres_s = 20; const thres_d = 3; const D = Decimal.clone({precision: wu*2+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu*3); let data = [[]]; const base = [3]; for (let i = 1; i < wu*3; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*3; ++w) { if(w < h){ data[h][w] = 0; } else { let l = data[h-1][w]; let r = data[h-1][w-1]; let diff = Math.abs(l - r); let sum = l + r; let new_d = start; if(l==r){new_d = r;} else if(l%r==0){new_d = r;} else if(r%l==0){new_d = l;} //else if(l>r){new_d = l%r;} //else if(r>l){new_d = r%l;} //if(sum > thres_s){ new_d = sum ;} if(diff > thres_d){ new_d = diff ;} data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { if(w >= h){ digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } } return canvas; }52:T813,test18 = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; // const col = ['#00f','#000','#666','#900','#0f0','#f00','#0f0','#900','#0f0','#0f0']; const col = ['#000','#000','#606','#0f0','#f0f','#09f','#099','#fff','#00f','#f60']; const start = 8; const rep = 0; const thres_s = 10; const thres_d = 2; const D = Decimal.clone({precision: wu*2+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu*3); let data = [[]]; const base = [3]; for (let i = 1; i < wu*3; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*3; ++w) { if(w < h){ data[h][w] = 0; } else { let l = data[h-1][w]; let r = data[h-1][w-1]; let diff = Math.abs(l - r); let sum = l + r; let new_d = start; if(l==r){new_d = r;} else if(l%r==0){new_d = r;} else if(r%l==0){new_d = l;} //else if(l>r){new_d = l%r;} //else if(r>l){new_d = r%l;} if(sum > thres_s){ new_d = sum ;} if(diff > thres_d){ new_d = diff ;} data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { if(w >= h){ digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } } return canvas; }53:T813,test19 = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; // const col = ['#00f','#000','#666','#900','#0f0','#f00','#0f0','#900','#0f0','#0f0']; const col = ['#000','#0ff','#00f','#900','#303','#ff0','#f0f','#0f0','#666','#0f0']; const start = 8; const rep = 0; const thres_s = 12; const thres_d = 2; const D = Decimal.clone({precision: wu*2+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu*3); let data = [[]]; const base = [3]; for (let i = 1; i < wu*3; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*3; ++w) { if(w < h){ data[h][w] = 0; } else { let l = data[h-1][w]; let r = data[h-1][w-1]; let diff = Math.abs(l - r); let sum = l + r; let new_d = start; if(l==r){new_d = r;} else if(l%r==0){new_d = r;} else if(r%l==0){new_d = l;} //else if(l>r){new_d = l%r;} //else if(r>l){new_d = r%l;} if(sum > thres_s){ new_d = sum ;} if(diff > thres_d){ new_d = diff ;} data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { if(w >= h){ digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } } return canvas; }54:T816,test25 = { const u = 0.5; // unit const wu = 2000; // no. units on width const hu = 600; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; // const col = ['#00f','#000','#666','#900','#0f0','#f00','#0f0','#900','#0f0','#0f0']; const col = ['#003','#000','#900','#0f0','#00f','#09f','#666','#fff','#999','#f60']; const start = 8; const rep = 0; const thres_s = 10; const thres_d = 2; const D = Decimal.clone({precision: wu*2+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu*3); let data = [[]]; const base = [3]; for (let i = 1; i < wu*3; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*3; ++w) { if(w < h){ data[h][w] = 0; } else { let l = data[h-1][w]; let r = data[h-1][w-1]; let diff = Math.abs(l - r); let sum = l + r; let new_d = start; if(l==r){new_d = r;} else if(l%r==0){new_d = r;} else if(r%l==0){new_d = l;} //else if(l>r){new_d = l%r;} //else if(r>l){new_d = r%l;} if(sum > thres_s){ new_d = sum ;} if(diff > thres_d){ new_d = diff ;} data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { if(w >= h){ digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } } return canvas; }55:T813,test24 = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; // const col = ['#00f','#000','#666','#900','#0f0','#f00','#0f0','#900','#0f0','#0f0']; const col = ['#003','#000','#900','#0f0','#00f','#09f','#666','#fff','#999','#f60']; const start = 8; const rep = 0; const thres_s = 11; const thres_d = 3; const D = Decimal.clone({precision: wu*2+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu*3); let data = [[]]; const base = [3]; for (let i = 1; i < wu*3; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*3; ++w) { if(w < h){ data[h][w] = 0; } else { let l = data[h-1][w]; let r = data[h-1][w-1]; let diff = Math.abs(l - r); let sum = l + r; let new_d = start; if(l==r){new_d = r;} else if(l%r==0){new_d = r;} else if(r%l==0){new_d = l;} //else if(l>r){new_d = l%r;} //else if(r>l){new_d = r%l;} if(sum > thres_s){ new_d = sum ;} if(diff > thres_d){ new_d = diff ;} data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { if(w >= h){ digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } } return canvas; }56:T817,test26 = { const u = 0.1; // unit const wu = 4000; // no. units on width const hu = 4000; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; // const col = ['#00f','#000','#666','#900','#0f0','#f00','#0f0','#900','#0f0','#0f0']; const col = ['#006','#000','#900','#0f0','#00f','#09f','#ff0','#fff','#999','#f60']; const start = 9; const rep = 0; const thres_s = 18; const thres_d = 6; const D = Decimal.clone({precision: wu*2+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu*3); let data = [[]]; const base = [3]; for (let i = 1; i < wu*3; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*3; ++w) { if(w < h){ data[h][w] = 0; } else { let l = data[h-1][w]; let r = data[h-1][w-1]; let diff = Math.abs(l - r); let sum = l + r; let new_d = start; if(l==r){new_d = r;} else if(l%r==0){new_d = r;} else if(r%l==0){new_d = l;} //else if(l>r){new_d = l%r;} //else if(r>l){new_d = r%l;} if(sum > thres_s){ new_d = sum ;} if(diff > thres_d){ new_d = diff ;} data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { if(w >= h){ digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } } return canvas; }57:T7bb,test27 = { const u = 1; // unit const wu = 1000; // no. units on width const hu = 300; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const col = ['#000','#00c','#0f0','#0f0','#f0f','#fff','#f00','#99f','#000','#600']; const start = 9; const rep = 0; const thres_s = 16; const thres_d = 3; const D = Decimal.clone({precision: wu*2+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu*3); let data = [[]]; const base = [3]; for (let i = 1; i < wu*3; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*3; ++w) { if(w < h){ data[h][w] = 0; } else { let l = data[h-1][w]; let r = data[h-1][w-1]; let diff = Math.abs(l - r); let sum = l + r; let new_d = start; if(l==r){new_d = r;} else if(l%r==0){new_d = r;} else if(r%l==0){new_d = l;} //else if(l>r){new_d = l%r;} //else if(r>l){new_d = r%l;} if(sum > thres_s){ new_d = sum ;} if(diff > thres_d){ new_d = diff ;} data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { if(w >= h){ digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } } return canvas; }58:T81a,test28 = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; // const col = ['#00f','#000','#666','#900','#0f0','#f00','#0f0','#900','#0f0','#0f0']; const col = ['#333','#ff0','#f0f','#009','#f0f','#fff','#f00','#0c0','#000','#c00']; //const col = ['#003','#000','#900','#0f0','#00f','#09f','#666','#fff','#999','#f60']; const start = 9; const rep = 0; const thres_s = 16; const thres_d = 6; const D = Decimal.clone({precision: wu*2+1}); const one = D(1), four = D(4); const a = four.times(arctan(one.div(5))); const b = arctan(one.div(239)); const pi = four.times(a.minus(b)); const p = pi.toFixed(wu*3); let data = [[]]; const base = [3]; for (let i = 1; i < wu*3; ++i) {base[i] = p[i+1]*1;} data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*3; ++w) { if(w < h){ data[h][w] = 0; } else { let l = data[h-1][w]; let r = data[h-1][w-1]; let diff = Math.abs(l - r); let sum = l + r; let new_d = start; if(l==r){new_d = r;} else if(l%r==0){new_d = r;} else if(r%l==0){new_d = l;} //else if(l>r){new_d = l%r;} //else if(r>l){new_d = r%l;} if(sum > thres_s){ new_d = sum ;} if(diff > thres_d){ new_d = diff ;} data[h][w] = new_d % 10; } } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { if(w >= h){ digit = data[h][w]*1; x = u*w*2 -h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } } return canvas; }59:T557,test_set = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const col = ['#000','#030','#600','#00f','#f00','#0ff','#666','#333','#f0f','#f60']; const power = 2; const thres = 21; const base = get_pi(wu*2); let data = [[]]; data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*2; ++w) { let new_d = data[h-1][w]; //let coef = (-1)**(h%2+1); new_d = new_d**power + data[h-1][w+1]; new_d = Math.min(new_d, thres); //new_d = Math.max(new_d, 0); data[h][w] = new_d%10 ; } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 +h*u; y = (hu-h-1)*u; context.fillStyle = col[Math.abs(digit%10)]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } return canvas; }5a:T553,tt15 = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const col = ['#000','#f00','#900','#090','#0f0','#0cf','#666','#ff0','#fff','#f60']; const power = 2; const thres = 32; const base = get_pi(wu*2); let data = [[]]; data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*2; ++w) { let new_d = data[h-1][w]; //let coef = (-1)**(h%2+1); new_d = new_d**power + data[h-1][w+1]; new_d = Math.min(new_d, thres); //new_d = Math.max(new_d, 0); data[h][w] = new_d%10 ; } } const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 +h*u; y = (hu-h-1)*u; context.fillStyle = col[Math.abs(digit%10)]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } return canvas; }5b:T62e,testttt = { const u = 2; // unit const wu = 600; // no. units on width const hu = 100; // no. units on height const col = ['#000','#009','#09f','#666','#900','#f00','#f90','#ddd','#0c0','#060']; const start = 0; const base = get_pi(wu*2); let data = [[]]; data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*2; ++w) { let r = data[h-1][w+1];// +1; let l = data[h-1][w];// +1; let diff = Math.abs(l-r); let new_d; if(diff == 0){ new_d = l; } else { new_d = diff; if(l>1 & l>1){ let small = Math.min(l,r); let big = Math.max(l,r); let mod = big % small; if(mod == 0){ new_d = small;} else{ new_d = big;} } } data[h][w] = new_d;// % 10; } } const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 + h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } return canvas; }5c:T637,testttt2 = { const u = 2; // unit const wu = 600; // no. units on width const hu = 150; // no. units on height const col = ['#000','#009','#09f','#666','#900','#f00','#f90','#ddd','#0c0','#060']; const start = 0; const base = get_pi(wu*2); let data = [[]]; data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*2; ++w) { let r = data[h-1][w+1];// +1; let l = data[h-1][w];// +1; let diff = Math.abs(l-r); let new_d; if(diff == 0){ new_d = l; } else { new_d = diff; if(l>1 & r>1){ let small = Math.min(l,r) + 1; let big = Math.max(l,r) - 1; let mod = big % small; if(mod == 0){ new_d = small;} else{ new_d = big;} } } data[h][w] = new_d;// % 10; } } const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 + h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } return canvas; }5d:T63f,testttt3 = { const u = 2; // unit const wu = 600; // no. units on width const hu = 170; // no. units on height const col = ['#000','#009','#09f','#666','#900','#f00','#f90','#ddd','#0c0','#060']; const start = 0; const base = get_pi(wu*2); let data = [[]]; data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*2; ++w) { let r = data[h-1][w+1];// +1; let l = data[h-1][w];// +1; let diff = Math.abs(l-r); let new_d; if(diff == 0){ new_d = l; } else { new_d = diff; if(l>1 & l>1){ let small = Math.min(l,r);// +1; let big = Math.max(l,r);// -1; let mod = big % small; if(mod == 0){ new_d = small -1;} else{ new_d = big + 1;} } } data[h][w] = new_d % 10; } } const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 + h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } return canvas; }5e:T64d,tes__tt1 = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const col = ['#000','#009','#09f','#666','#900','#f00','#f90','#ddd','#0c0','#060']; const start = 0; const base = get_pi(wu*2); let data = [[]]; data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*2; ++w) { let r = data[h-1][w+1];// +1; let l = data[h-1][w];// +1; let diff = Math.abs(l-r); let new_d; if(diff == 0){ new_d = l; } else { new_d = diff; if(l>1 & r>1){ let small = Math.min(l,r); let big = Math.max(l,r); let mod = big % small; if(mod == 0){ new_d = small;} else{ new_d = small + mod;} } } data[h][w] = new_d;// % 10; } } const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 + h*u; y = (hu-h-1)*u; context.fillStyle = col[Math.abs(digit%10)]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } return canvas; }5f:T635,test__ttt = { const u = 2; // unit const wu = 1000; // no. units on width const hu = 200; // no. units on height const col = ['#000','#000','#02c','#606','#900','#f00','#f90','#ddd','#0c0','#060']; const base = get_pi(wu*2); let data = [[]]; data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*2; ++w) { let r = data[h-1][w+1];// +1; let l = data[h-1][w];// +1; let diff = Math.abs(l-r); let new_d; if(diff == 0){ new_d = l-1; } else { new_d = diff; if(l>1 & l>1){ let small = Math.min(l,r);// +1; let big = Math.max(l,r);// -1; let mod = big % small; if(mod == 0){ new_d = small +1;} else{ new_d = big - 1;} } } data[h][w] = new_d;// % 10; } } const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 + h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } return canvas; }60:T5de,testttt7 = { const u = 1; // unit const wu = 1000; // no. units on width const hu = 300; // no. units on height const col = ['#000','#009','#09f','#666','#900','#f00','#f90','#ccc','#0c0','#060']; const base = get_pi(wu*2); let data = [[]]; data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*2; ++w) { let r = data[h-1][w+1];// +1; let l = data[h-1][w];// +1; let diff = Math.abs(l-r); let new_d; if(diff == 0){ new_d = l-1; } else { new_d = diff; if(l>1 & r>1){ let small = Math.min(l,r);// +1; let big = Math.max(l,r);// -1; let mod = big % small; if(mod == 0){ new_d = small +1;} if(mod != 0){ new_d = big;} } } data[h][w] = new_d; } } const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 + h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } return canvas; }61:T5e2,testtt__t = { const u = 1; // unit const wu = 1000; // no. units on width const hu = 300; // no. units on height const col = ['#000','#444','#999','#606','#900','#f00','#f90','#00f','#0c0','#060']; const base = get_pi(wu*2); let data = [[]]; data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*2; ++w) { let r = data[h-1][w+1];// +1; let l = data[h-1][w];// +1; let diff = Math.abs(l-r); let new_d; if(diff == 0){ new_d = l-1; } else { new_d = diff; if(l>1 & r>1){ let small = Math.min(l,r);// +1; let big = Math.max(l,r);// -1; let mod = big % small; if(mod == 0){ new_d = small -1;} else{ new_d = big -1;} } } data[h][w] = new_d;// % 10; } } const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 + h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } return canvas; }62:T647,testtt_t2 = { const u = 2; // unit const wu = 300; // no. units on width const hu = 150; // no. units on height const col = ['#000','#009','#09f','#666','#900','#f00','#f90','#ddd','#0c0','#060']; const start = 0; const base = get_pi(wu*2); let data = [[]]; data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*2; ++w) { let r = data[h-1][w+1];// +1; let l = data[h-1][w];// +1; let diff = Math.abs(l-r); let new_d; if(diff == 0){ new_d = l-1; } else { new_d = diff; if(l>1 & l>1){ let small = Math.min(l,r);// +1; let big = Math.max(l,r);// -1; let mod = big % small; if(mod == 0){ new_d = big -1;} //else{ new_d = big - mod;} } } data[h][w] = new_d;// % 10; } } const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 + h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); // context.fillStyle = "#f00"; // context.fillText(digit, x , y +u ); } } return canvas; }63:T65b,testttt6 = { const u = 2; // unit const wu = 1000; // no. units on width const hu = 150; // no. units on height //const col = ['#000','#009','#06c','#606','#900','#f00','#f90','#ddd','#0c0','#060']; const col = ['#000','#030','#00f','#444','#900','#f00','#f90','#ddd','#0c0','#060']; const start = 0; const base = get_pi(wu*2); let data = [[]]; data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*2; ++w) { let r = data[h-1][w+1];// +1; let l = data[h-1][w];// +1; let diff = Math.abs(l-r); let new_d; if(diff == 0){ new_d = l-1; } else { new_d = diff; if(l>1 & r>1){ let small = Math.min(l,r);// +1; let big = Math.max(l,r);// -1; let mod = big % small; //if(mod == 0){ new_d = big - mod;} if(mod != 0){ new_d = small + 1;} } } data[h][w] = new_d;// % 10; } } const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 + h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } return canvas; }64:T5f6,testttt4 = { const u = 2; // unit const wu = 500; // no. units on width const hu = 150; // no. units on height const col = ['#000','#009','#09f','#666','#900','#f00','#f90','#ddd','#060','#0c0']; const start = 0; const base = get_pi(wu*2); let data = [[]]; data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*2; ++w) { let r = data[h-1][w+1];// +1; let l = data[h-1][w];// +1; let diff = Math.abs(l-r); let new_d; if(diff == 0){ new_d = l-1; } else { new_d = diff; if(l>1 & r>1){ let small = Math.min(l,r);// +1; let big = Math.max(l,r);// -1; let mod = big % small; if(mod == 0){ new_d = small +1;} else{ new_d = small + mod;} } } data[h][w] = new_d;// % 10; } } const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 + h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } return canvas; }65:T4bf,testttt15 = { const u = 0.5; // unit const wu = 1200; // no. units on width const hu = 600; // no. units on height const col = ['#000','#00f','#09f','#666','#900','#f00','#f90','#ccc','#0c0','#060']; const window = 10**14; const base = get_pi(wu*2); let data = [[]]; data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*2; ++w) { let l = data[h-1][w];// +1; let r = data[h-1][w+1];// +1; let new_d = l*10 + r; data[h][w] = new_d; if(r>0 & new_d>window){data[h][w] = new_d % r}; } } const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = Math.abs(data[h][w]%10); x = u*w*2 + h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } return canvas; }66:T488,testttt27 = { const u = 1; // unit const wu = 600; // no. units on width const hu = 300; // no. units on height const col = ['#00f','#606','#fff','#f90','#333','#0ff','#0f0','#999','#c0c','#600']; const base = get_pi(wu*2); let data = [[]]; data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*2; ++w) { let l = data[h-1][w]+1; let r = data[h-1][w+1]+1; let new_d = l * r; data[h][w] = new_d%12; } } const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = Math.abs(data[h][w]%10); x = u*w*2 + h*u; y = (hu-h-1)*u; context.fillStyle = '#333'; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } return canvas; }67:T606,test__ttt5 = { const u = 3; // unit const wu = 300; // no. units on width const hu = 60; // no. units on height const col = ['#000','#000','#02c','#606','#900','#f00','#f90','#ddd','#0c0','#060']; const inc = -1; const base = get_pi(wu*2); let data = [[]]; data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*2; ++w) { let r = data[h-1][w+1];// +inc**(1+h**2); let l = data[h-1][w] +inc**(1+h**2); let diff = Math.abs(l-r); let new_d; if(diff == 0){ new_d = l; } else { new_d = diff; if(l>1 & r>1){ let small = Math.min(l,r);// +1; let big = Math.max(l,r);// -1; let mod = big % small; if(mod == 0){ new_d = small +1;} else{ new_d = big - 1;} } } data[h][w] = new_d;// % 10; } } const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 + h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } return canvas; }68:T5ce,test__ttt16 = { const u = 1; // unit const wu = 1000; // no. units on width const hu = 300; // no. units on height const col = ['#000','#009','#02c','#606','#900','#f00','#f90','#999','#0c0','#060']; const base = get_pi(wu*2); let data = [[]]; data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*2; ++w) { let r = data[h-1][w+1]; let l = data[h-1][w]; let diff = Math.abs(l-r); let new_d = l*10 +r; if(diff == 0){ new_d = l; } else { if(l>1 & r>1){ let small = Math.min(l,r); let big = Math.max(l,r); let mod = big % small; //if(mod == 0){ new_d = big/small;} if(mod != 0){ new_d = small + mod;} } } data[h][w] = new_d; } } const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = Math.abs(data[h][w])%10; x = u*w*2 + h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } return canvas; }69:T61a,test__ttt8 = { const u = 2; // unit const wu = 600; // no. units on width const hu = 400; // no. units on height const col = ['#000','#000','#02c','#606','#900','#f00','#f90','#ddd','#0c0','#060']; const inc = -1; const base = get_pi(wu*2); let data = [[]]; data[0] = base; for (let h = 1; h < hu; ++h){ data[h] = []; for (let w = 0; w < wu*2; ++w) { let r = data[h-1][w+1]+inc;// +inc**(1+h**2); let l = data[h-1][w]+inc;// +inc**(1+h**2); let diff = Math.abs(l-r); let new_d = diff; if(diff == 0){ new_d = l; } else if(l>1 & r>1){ let small = Math.min(l,r);// +1; let big = Math.max(l,r);// -1; let mod = big % small; //if(mod == 0){ new_d = small;}// +1;} if(mod == 0){ new_d = diff + big/small;} //else{ new_d = big - 1;} } data[h][w] = new_d;// % 10; } } const width = wu*u*2; // double the units to have spaces between squares const height = hu*u; const { canvas, context } = createCanvas(); const pixelRatio = resize(canvas, width, height, ); context.globalAlpha = 1; context.scale(pixelRatio, pixelRatio); context.fillStyle = 'black'; context.fillRect(0, 0, width, height); let x, y, digit; for (let h = 0; h < hu; ++h){ for (let w = 0; w < wu; ++w) { digit = data[h][w]*1; x = u*w*2 + h*u; y = (hu-h-1)*u; context.fillStyle = col[digit]; context.fillRect(x, y, u, u); } } return canvas; }6a:[] 32:{"id":"18bb618acc27116a","slug":"piangle","title":"Piangle","thumbnail":"696c103ca4154e5331e17221b5c22654a8beef4120ceaf3cc605f140abffd673","access_level":"public","create_time":"$D2022-11-28T16:48:38.921Z","update_time":"$D2024-08-01T10:51:09.572Z","view_time":null,"first_public_time":"$D2022-12-13T09:24:21.731Z","has_unpublished_edits":null,"fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"5d9b00b2cdcd8028","login":"emma-ba","name":"","avatar_url":"https://avatars-next.observableusercontent.com/3950b079ad1fc587c84ccfe712c3cc77ad1e122194ac7deeaf2ea35c7bf0f25a","tier":"starter_2024"},"version":5932,"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"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":{"id":"eb707ad90c7cf937","slug":"piangles","title":"Piangles","owner":{"id":"5d9b00b2cdcd8028","login":"emma-ba","name":""}},"type":"notebook","body":{"title":"Piangle","cells":[{"id":413,"value":"# Piangle #","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":22,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":505,"value":"fullscreen = htl.html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":590,"value":"# Other algos...","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":719,"value":"fullscreen3 = htl.html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":698,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":759,"value":"fullscreen1 = htl.html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":723,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":820,"value":"fullscreen4 = htl.html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1117,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1476,"value":"fullscreen8 = htl.html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1442,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1299,"value":"fullscreen6 = htl.html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1222,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1349,"value":"$3b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1721,"value":"$3c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2203,"value":"$3d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2439,"value":"$3e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2511,"value":"$3f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2831,"value":"$40","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3339,"value":"$41","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3488,"value":"$42","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3550,"value":"$43","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3549,"value":"$44","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3579,"value":"$45","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3692,"value":"$46","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3828,"value":"$47","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4015,"value":"fullscreen7 = htl.html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":3988,"value":"$48","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4045,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4199,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4315,"value":"fs = htl.html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4281,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4326,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4504,"value":"$4d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5474,"value":"$4e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4501,"value":"$4f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4533,"value":"$50","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4683,"value":"$51","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4718,"value":"$52","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4755,"value":"$53","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4891,"value":"$54","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4879,"value":"$55","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4920,"value":"$56","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4971,"value":"$57","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4997,"value":"$58","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5573,"value":"$59","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5581,"value":"$5a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5620,"value":"$5b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5639,"value":"$5c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5652,"value":"$5d","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5709,"value":"$5e","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5715,"value":"$5f","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5833,"value":"$60","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5728,"value":"$61","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5732,"value":"$62","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5738,"value":"$63","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5809,"value":"$64","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5818,"value":"$65","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5826,"value":"$66","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5839,"value":"$67","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5843,"value":"$68","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5849,"value":"$69","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":5575,"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":14,"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":19,"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":74,"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":63,"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"}],"files":"$W6a","stdlib":"1","titling":"auto"}} 33:"$32:body"