Public
Edited
Nov 10, 2023
Paused
1 star
Insert cell
Insert cell
// https://observablehq.com/@observablehq/module-require-debugger to the rescue
require("two-up-element@1.0.1/dist/two-up.js").catch(() => window["TwoUp"])
Insert cell
Insert cell
<two-up orientation="${orientation}">
${await FileAttachment("pdr-1.jpeg").image()}
${await FileAttachment("pdr-2.jpeg").image()}
</two-up>
<figcaption>Images from <a href="https://publicdomainreview.org/collection/paper-lantern-catalogue/">Public Domain Review</a>.</figcaption>
<style>
two-up {
--thumb-size: 30px;
--bar-size: 0px;
--bar-touch-size: 60px;
}
</style>
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