slide`Hello, *world*!`
slide.js`
// This is a JavaScript code snippet.
function foo() {
return 42;
}
`
slide`You can use LaTeX, too: ${tex.block`
f(x) = \int_{-\infty}^\infty
\hat f(\xi)\,e^{2 \pi i \xi x}
\,d\xi
`}`
slide`And it’s reactive, naturally!
${new Date(now).toLocaleString()}`
slide`## hello
Just some text and making changes
${hli(
`
from sklearn.tree import DecisionTreeClassifier
clf = DecisionTreeClassifier()
clf.fit(X,y)
clf.predict([[0,1,2]])
`,
"python"
)}
`
hli = function (code, language) {
const container = document.createElement("div");
container.className = `${language} hljs`;
container.appendChild(md`${code}`);
hl.highlightBlock(container);
return container;
}
hli("import js")
imgs = {
let imgs = [];
document.querySelectorAll(".slide").forEach((d) => {
imgs.push(html2canvas(d));
});
return Promise.all(imgs);
}
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.
