content = await page.getTextContent({
includeMarkedContent: false,
})
Web developer and autodidact with an interest in creative coding.
pdfjs = {
const version = "4.0";
const lib = await import(`https://cdn.jsdelivr.net/npm/pdfjs-dist@${version}/+esm`);
lib.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${version}/build/pdf.worker.mjs`;
return lib;
}
// FileAttachment
attachedFileDoc = pdfjs.getDocument({
data: await FileAttachment("helloworld.pdf").arrayBuffer()
}).promise
// Remote URL (which we'll be using throughout the rest of this notebook)
remoteUrlDoc = pdfjs.getDocument({
url: await FileAttachment("helloworld.pdf").url()
}).promise
page = remoteUrlDoc.getPage(pageNum)
{
const canvas = html`<canvas width=${width} height=500 style="border: 1px solid #aaa">`;
page.render({
canvasContext: canvas.getContext("2d"),
viewport: page.getViewport({scale: 1.5}),
});
return canvas;
}
Inputs.table(content.items)
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.
