Published
Edited
Feb 21, 2019
Fork of Slide
6 forks
Importers
38 stars
Insert cell
Insert cell
Insert cell
slide.html`<h2>A <bold>new</bold> Presentation style.</h2> <!-- slide.html or slide.htmldark-->`
Insert cell
Insert cell
Insert cell
slide`Hello, *world*!`
Insert cell
Insert cell
slide.js`
// This is a JavaScript code snippet.
function foo() {
return 42;
}
`
Insert cell
slide.img`https://gist.githubusercontent.com/mbostock/9511ae067889eefa5537eedcbbf87dab/raw/944b6e5fe8dd535d6381b93d88bf4a854dac53d4/mona-lisa.jpg`
Insert cell
slide`You can use LaTeX, too: ${tex.block`
f(\textcolor{hotpink}{x}) = \int_{-\infty}^\infty
\hat f(\xi)\,e^{2 \pi i \xi \textcolor{hotpink}{x}}
\,d\xi
`}

<cite> And you can reference using cite </cite>`
Insert cell
slide`And it’s reactive!

${new Date(now).toLocaleString()}`
Insert cell
slide.iframe`https://www-users.york.ac.uk/~dp626/`
Insert cell
Insert cell
slide.end('this ends the presentation')
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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