Published
Edited
May 15, 2020
Importers
2 stars
Insert cell
Insert cell
Insert cell
Insert cell
titleCell({
title: "Title",
subTitle: "Subtitle which is longer than the title"
})
Insert cell
Insert cell
Insert cell
Insert cell
md`${note(md`**Syntax Highlighting**
${lang({
language: "js",
code: 'import {lang} from "@jzhang/utilities"'
})}
${lang({ language: "python", code: "import pdb; pdb.set_trace()" })}
${lang({ language: "sql", code: "select * from table" })}
`)}
`
Insert cell
Insert cell
Insert cell
Insert cell
toRoundedDecimal(1.25234923423)
Insert cell
Insert cell
Insert cell
Insert cell
img({ source: await FileAttachment("image.png").url(), width: 400 })
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
imgWithWidth(await FileAttachment("image.png").url())
Insert cell
Insert cell
Insert cell
Insert cell
label({ text: "This is a styled banner, useful for labels" })
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
labelWithPicker(
"This is a styled banner, with a color picker to help select the border color"
)
Insert cell
Insert cell
Insert cell
Insert cell
note(
md`This a background element, useful for notes. It looks best when it contains a full body of text with multiple sections.

#### Section 1
* Bullet 1
* Bullet 2`
)
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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