Public
Edited
Apr 23, 2023
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
data_appleRaw = aapl
Insert cell
Insert cell
data_appleRaw
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
data_appleParsed
X
Date
Y
Open
Color
Volume
Size
High
Facet X
Facet Y
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.

Insert cell
Plot.auto(data_appleParsed, {
x: "Date",
y: "Open",
color: "Volume",
size: "Volume"
}).plot({ color: { legend: true } })
Insert cell
Insert cell
Insert cell
data_penguinsRaw = penguins
Insert cell
Insert cell
data_penguinsRaw
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
data_penguinsParsed
X
island
Y
Color
island
Size
Facet X
species
Facet Y
Mark
Auto
Type Chart, then Shift-Enter. Ctrl-space for more options.

Insert cell
Insert cell
Insert cell
imageToDo = htl.html`<style>
img {
padding: 10px;
border: 2px dotted gray;
}
<style/>`
Insert cell
import {openAllLinksInNewTab} from "@clokman/open-all-links-in-new-tab"
Insert cell
openAllLinksInNewTab
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