categories = ["country", "age_group"]
data = [
{category: "country", sub_category: "USA"},
{category: "country", sub_category: "Canada"},
{category: "country", sub_category: "Mexico"},
{category: "age_group", sub_category: "1–10"},
{category: "age_group", sub_category: "11–30"},
{category: "age_group", sub_category: "31–60"},
]
viewof category = Inputs.select(categories, { label: "Categories" })
viewof sub_category = Inputs.select(
data
.filter((d) => d.category === category)
.map((d) => d.sub_category),
{ label: "Sub-category" }
)
viewof category2 = Inputs.select([null, ...categories], { label: "Categories" })
data
.filter((d) => category2 === null || d.category === category2)
.map((d) => d.sub_category)
viewof category3 = Inputs.select(["Category", ...categories], { label: "Categories" })
data
.filter((d) => category3 === "Category" || d.category === category3)
.map((d) => d.sub_category)
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.
