viewof graphic = {
return html`${viewof blueDiv}${viewof redDiv}`
}
viewof blueDiv = {
yield coloredDiv("blue")
}
viewof redDiv = {
yield coloredDiv("red")
}
function coloredDiv(color) {
let w = 40
let h = 40
const container = document.createElement('div');
container.style.position = "relative";
container.style.width = w + 'px';
container.style.height = h + 'px';
container.style.backgroundColor = color;
return container
}
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.
