function graph(fn) {
  let result=document.createElement("canvas");
  let ctx=result.getContext("2d");
  ctx.beginPath();
  for (let tx=0; tx<result.width; tx++) {
    let x=tx/result.width;
    ctx.lineTo(tx,fn(x)*result.height);    
  }
  ctx.stroke();
  return result;
}

// only works with HTTPS I believe
function embed(url){
const urlData = new URL(url);
let result = document.createElement("div");
async function process() {
const providers = await fetch("./providers.json")
    .then(res => res.json());
const check = urlData.protocol + "//" + urlData.host;
let schema = null
let providerPointer = 0
while (schema === null) {
let current = providers[providerPointer]
if (current.provider_url == check) {
schema = current.endpoints.url
}
providerPointer++
}
result.innerHTML = await fetch(schema + "/" + url)
    .then(res => res.json())
    .then(res => res.html)
}
process()
return result
}