Published
Edited
Oct 6, 2020
Insert cell
Insert cell
Insert cell
Insert cell
md`### Markdown No.1`
Insert cell
md`#### Markdown No.2`
Insert cell
Insert cell
html`
<div>
<p id="c">The first Paragraph</p>
<p STYLE="color:red">The 2nd Paragraph</p>
</div>
`
Insert cell
Insert cell
html`<style>
#c {
background-color: green;
}
</style>
`
Insert cell
Insert cell
{
let sum = 0;
for (let i = 0; i <= 100; ++i) {
sum += i;
}
return sum;
}
Insert cell
Insert cell
import {ramp} from "@mbostock/color-ramp"

Insert cell
ramp(t => `hsl(${t * 360},100%,50%)`) // The dreaded angry rainbow!
Insert cell
Insert cell
md`I don't know how to write css for html element at other cells`
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