Public
Edited
Aug 10, 2023
Fork of Introduction
Insert cell
Insert cell
Insert cell
1 + 2
Insert cell
num = 1 + 2
Insert cell
num * 4
Insert cell
newNum = {
const a = 5;
const b = 6;
return a * b;
}
Insert cell
newNum * 2
Insert cell
Insert cell
html`<p>This is <b>HTML</b></p>`
Insert cell
md`This **Markdown**`
Insert cell
tex`E = mc^2`
Insert cell
Insert cell
svg`<svg width="200" height="100">
<rect fill="red" width="200" height="100">
</svg>`
Insert cell
a = b * 2
Insert cell
b = 20
Insert cell
d3 = require('d3@7')
Insert cell
{
const svg = d3.create('svg')
.attr('width', 200)
.attr('height', 200);
svg.append('circle')
.attr('cx', 100)
.attr('cy', 100)
.attr('r', radius)
.attr('fill', color);
return svg.node();
}
Insert cell
viewof radius = html`<input type="range">`
Insert cell
radius
Insert cell
viewof color = html`<input type="color">`
Insert cell

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.
Learn more