Published
Edited
Feb 16, 2018
37 stars
viewof cellOutput = html`<input value="type here" />`
inputElement = html`<input value="type here" />`
viewof vector = {
let ctx = DOM.context2d(200, 200);
let canvas = ctx.canvas;
canvas.style.border = '1px solid #000';
canvas.addEventListener('mousemove', (e) => {
ctx.clearRect(0, 0, 200, 200);
ctx.beginPath(), ctx.moveTo(100, 100), ctx.lineTo(e.layerX, e.layerY), ctx.stroke();
canvas.value = [e.layerX, e.layerY];
canvas.dispatchEvent(new CustomEvent('input'));
});
return canvas;
}
viewof number = {
let output = new Date();
let listeners = [];
output.value = output.getSeconds();
output.addEventListener = (listener) => listeners.push(listener);;
output.removeEventListener = (listener) => {
listeners = listeners.filter(l => l !== listener);
};
return output;
}
number
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.
