File AttachmentsSlideViews are Mutable ValuesCustom GeneratorsNotebook VisualizerHello and Welcome!Synchronized ViewsIntroduction to PromisesIntroduction to ViewsIntroduction to HTMLIntroduction to DataIntroduction to GeneratorsDownloading and Embedding Notebooks(2nd) Tutorial 1: Lunch calculator(0th) Observable: The User Manual(1st) Five-Minute Introduction
Generator Cells, Functions and Objects
i = {
for (let i = 0; i < 1e6; ++i) {
yield i;
}
}
function* range(n) {
for (let i = 0; i < n; ++i) {
yield i;
}
}
{
let n = 1e6;
return range(n);
}
range(1e6)
{
let sum = 0;
for (const i of range(1e3)) {
sum += i;
}
return sum;
}
{
for (const i of range(Infinity)) {
yield Promises.tick(1000, i + 1);
}
}
[...range(1e3)]
new Float32Array(range(1e3))
new Set(range(1e3))
function* oscillator(period) {
while (true) {
yield Math.sin(Date.now() / period);
}
}
{
for (const t of oscillator(1000)) {
yield html`<svg viewBox="0 0 12 12" width=128 height=128>
<circle stroke=black stroke-width=${1.5 + t} fill=none cx=6 cy=6 r=${3.5 + t}></circle>
</svg>`;
}
}
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.
