Software engineer, available for freelance work! • he/him/his
view = html`<div style="height:${600}px; overflow-y: scroll; border: 1px solid #ccc; border-radius: 4px;">${pages.map(
(page, i) => {
const scale = width / page.getViewport({ scale: 1 }).width;
const viewport = page.getViewport({ scale });
const context = DOM.context2d(viewport.width, viewport.height);
context.canvas.style.border = "solid 1px #ccc";
page.render({ canvasContext: context, viewport });
return html`<p>${context.canvas}`;
}
)}`
pdf = pdfjs.getDocument(url).promise
pages = Promise.all(Array.from({length: pdf.numPages}, (_, i) => pdf.getPage(i + 1)))
pdfjs = {
const [pdfjs, workerSrc] = await Promise.all([
require("pdfjs-dist@2"),
require.resolve("pdfjs-dist@2/build/pdf.worker.js")
]);
pdfjs.GlobalWorkerOptions.workerSrc = workerSrc;
return pdfjs;
}
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.
