Using Observable for software engineering, programming language and user interface research.
Public
Edited
Dec 27, 2022
{
const name = slot("name");
const context = new RenderingContext();
const template = new DataTemplate({ name });
const value = { name: "John Smith" };
return context.update(value, template).get(name);
}
{
const name = slot("name");
const t = new TemplateEffector({ name }, H.div("Hello, my name is: ", name));
assert(
t.inputs.extract({ name: "Danger" }).get(name) == "Danger",
"Input extraction failed"
);
return t.apply({ name: "Danger" });
}
equals = (value, expected, ...context) => (
assert(
value == expected,
"Value is different from what is expected",
{ value, expected },
...context
),
value
)
assert = (assertion, message, ...context) =>
assertion
? assertion
: (onError("Assertion failed", assertion, ...context), assertion)
import {
H,
$,
render,
slots,
slot,
TemplateEffector,
RenderingContext,
DataTemplate,
onError
} from "40edfc310b5ce694"
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.
