Published
Edited
Feb 9, 2021
3 stars
viewof textInput = textarea({width: "100%", rows: 4})
viewof height = text({placeholder: "Image height", value: 450})
viewof width = text({placeholder: "Image width", value: 253})
md`You can customize the template used here:`
viewof template = textarea({
value: `
<div class="slide">
<img alt="" height="{height}" src="{filename}" width="{width}">
<div>
<p>Words</p>
</div>
</div>
`, width: "100%", rows: 12})
filenames = textInput.split(/\s+/).filter(s => s)
sorted = filenames.sort((a, b) => numericComponent(a) - numericComponent(b));
function numericComponent(a) {
return parseInt(a.split(".")[0], 10);
}
import {textarea, text} from "@jashkenas/inputs"
function escapeHtml(unsafe) {
return unsafe
.replace(/&/g, "&")
.replace(/</g, "<")
.replace(/>/g, ">")
.replace(/"/g, """)
.replace(/'/g, "'");
}
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.
