https://x.com/tiagorangel23/status/1851934960535372124/photo/1

generate.js

const canvas = document.createElement('canvas');
canvas.width = 1000;
canvas.height = 1000;
document.body.appendChild(canvas);
const ctx = canvas.getContext('2d');

let currentIndex = 0;
const totalDigits = 1000000;
const digitsPerRequest = 1000;

function fetchAndDrawDigits(start) {
  const url = `https://api.pi.delivery/v1/pi?start=${start}&numberOfDigits=${digitsPerRequest}`;
  
  fetch(url)
    .then(response => response.json())
    .then(data => {
      const piDigits = data.content;
      
      for (let i = 0; i < piDigits.length; i++) {
        const digit = parseInt(piDigits[i]);
        const grayscale = Math.floor((digit / 9) * 255);

        const x = (currentIndex + i) % 1000;
        const y = Math.floor((currentIndex + i) / 1000);

        ctx.fillStyle = `rgb(${grayscale}, ${grayscale}, ${grayscale})`;
        ctx.fillRect(x, y, 1, 1);
      }

      currentIndex += piDigits.length;

      if (currentIndex < totalDigits) {
        fetchAndDrawDigits(currentIndex);
      } else {
        console.log('Finished');
      }
    })
}

fetchAndDrawDigits(0);