Public
Edited
Nov 22, 2024
Insert cell
Insert cell
Tesseract = import("https://esm.sh/tesseract.js@4.0.2")
Insert cell
Insert cell
shared = {
let canvas = document.createElement("canvas");
let div = document.createElement("div");
div.appendChild(canvas);
// document.body.appendChild(div);
div.style.width = "100%";
div.style.height = "100%";
div.style.overflow = "auto";
let square = document.createElement("div");
square.style.width = "50px";
square.style.height = "60px";
square.style.border = "2px solid red";
square.style.position = "absolute";
square.style.left = "10px";
square.style.top = "20px";
div.appendChild(square);
return { canvas, div };
}
Insert cell
shared.div
Insert cell
Insert cell
mutable test = null
Insert cell
image
Insert cell
Insert cell
test
Insert cell
html`${test.hocr}`
Insert cell
result
Insert cell
html`test`.addEventListener
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more