The end-to-end solution for building and hosting better data apps, dashboards, and reports.
Unlisted
Edited
Mar 3, 2018
1 fork
data = [{name: "Apple", color: "Red", character: "🍎"}]
data[0].c // Place the caret after the c, then hit Tab ⇥.
mutable x = 3
{
const form = html`<form>
<button name=dec>decrement</button>
<button name=inc>increment</button>
</form>`;
form.onsubmit = () => false;
form.inc.onclick = () => { ++mutable x; };
form.dec.onclick = () => { if (mutable x > 0) --mutable x; };
return form;
}
md`I like Markdown for prose, but ${tex`\KaTeX`} for math.`
html`<svg viewBox="0 0 10 10" width=128 height=128>${
[14, 12, 10, 8, 6, 4, 2].map(i => svg`
<circle r=${i} fill=black></circle>
<circle r=${i - 1 + Math.sin(i / 8 + now / 1000)} fill=white></circle>
`)}</svg>`
tex`
\Delta E^*_{00} = \sqrt{
\Big(\frac{\Delta L'}{k_LS_L}\Big)^2 +
\Big(\frac{\Delta C'}{k_CS_C}\Big)^2 +
\Big(\frac{\Delta H'}{k_HS_H}\Big)^2 +
R_T
\frac{\Delta C'}{k_CS_C}
\frac{\Delta H'}{k_HS_H}
}
`
md`بِسْمِ اللهِ الرَّحْمٰنِ الرَّحِيْمِ`
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.
