Plot.plot({
y: {
grid: true,
domain: [0, 50]
},
facet: {
data: data_bls,
x: "seriesID",
columns: true
},
fx: { paddingInner: 0.2 },
fy: { paddingInner: 0.2 },
marks: [
Plot.text(
data_bls,
Plot.selectFirst({
x: 2000,
y: 50,
dy: -8,
text: (d) =>
d.sector === "Mining, quarrying, and oil and gas extraction"
? "Mining, quarrying, and oil and gas"
: d.sector,
textAnchor: "start",
fontWeight: "bold"
})
),
Plot.line(data_bls, { y: "value", x: "year" })
]
})
blsAPI = "df48dbacee684021bca5cb7f518ef2f9"
bls = new BLS("df48dbacee684021bca5cb7f518ef2f9")
zip = (rows) => rows[0].map((_, c) => rows.map((row) => row[c]))
data_bls = bls.fetchSeries(sectors, 2000, 2021)
see https://observablehq.com/@fil/faceted-bar-chart-experimental for more formatting ideas
import { Plot } from "@fil/facet-wrap-332"
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.
