Public
Edited
Jul 7, 2023
Insert cell
Insert cell
penguins = d3.csv(
"https://raw.githubusercontent.com/allisonhorst/palmerpenguins/master/inst/extdata/penguins.csv",
d3.autoType
)
Insert cell
viewof species = Inputs.select(["Adelie","Gentoo"], {label: html`<strong>foo</strong>`})
Insert cell
viewof species1 = Inputs.select(["Adelie","Gentoo"], {label: md`**foo**`})
Insert cell
viewof species2 = Inputs.select(["Adelie","Gentoo"], {label: md`{bar}`})
Insert cell
import { aq, op } from '@uwdata/arquero';
Insert cell
penguins_sub = aq.from(penguins).
filter(aq.escape(d => op.equal(d.species, species)))
Insert cell
Plot.plot({
marks: [
(d.species == "Gentoo")? Plot.lineX(penguins_sub, {
x: "bill_length_mm",
y: "bill_depth_mm"
}),
Plot.dot(penguins_sub, {
x: "bill_length_mm",
y: "bill_depth_mm"
}
)
]
})
Insert cell
Insert cell
menu
Insert cell
penguins_sub.view()
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