viewof form = Inputs.form(
[
Inputs.select(["3 months", "1 year"], { label: "Date range" }),
Inputs.select(["0–29", "30–120"], { label: "Age Group" }),
Inputs.select(["Covid"], { label: "Pathogen" }),
Inputs.select(["All", "MA"], { label: "State" })
],
{
template: (inputs) => htl.html`<div style="display: flex; gap: 3em">
${inputs}
</div>`
}
)
form
viewof form1 = Inputs.form(
{
date: Inputs.select(["3 months", "1 year"], { label: "Date range" }),
age: Inputs.select(["0–29", "30–120"], { label: "Age Group" }),
pathogen: Inputs.select(["Covid"], { label: "Pathogen" }),
state: Inputs.select(["All", "MA"], { label: "State" })
},
{
template: (inputs) => htl.html`<div style="display: flex; gap: 3em">
${Object.values(inputs)}
</div>`
}
)
form1
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.
