{
// Run this cell to pass event to targetCell
const event = new CustomEvent("myEvent", {detail: {message: "Hello"}});
document.dispatchEvent(event);
}
targetCell
viewof targetCell = {
const el = htl.html`<div> Hi`
const listener = (event) => {
console.log(event.detail.message);
el.value = event.detail.message;
el.dispatchEvent(new CustomEvent("input"));
};
document.addEventListener("myEvent", listener);
el.value = 'Initial value';
return el;
}
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.
