Observable aspects of my digital language art. I like to ask people to read nllf.net, some of which is driven by notebooks made here.
CS = require("coffeescript") // CoffeeScript
shuffle = compileCsMd(cshuffle)
shuffle([0, 1, 2, 3, 4], NB) // the working, proof-of-concept, CoffeeScript defined function
randInt = (maxPlusOne) => ~~(Math.random() * maxPlusOne) // sample notebook cell passed to CoffeeScript via the NB Object
TWO = 2 // sample notebook cell value passed to CoffeeScript via the NB Object
compiledCoffeeScript = CS.compile(cleanCsMd(cshuffle), {
bare: true,
literate: true
})
cshuffle.innerHTML
cleanCsMd = (mdCell) => {
let md = ``;
let elems = Array.from(mdCell.children);
for (const child of elems) {
if (child.tagName === "PRE" || elems.length === 1) {
// elems.length === 1 handles the edge case of an md cell that is all code (wrapped in <code></code>)
let text = child.innerText.split("\n");
for (const line of text) {
md += ` ${line}\n`;
}
} else md += child.innerText + `\n\n`;
}
return md;
}
compileCsMd = (mdCell) =>
eval(CS.compile(cleanCsMd(mdCell), { bare: true, literate: true }))
NB = ({ randInt, TWO }) // NB = NoteBook
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.
