Published
Edited
May 31, 2021
4 stars
Insert cell
Insert cell
Insert cell
Insert cell
(replay1,
Plot.plot({
y: { inset: 10 },
r: { range: [0.5, 10] },
marks: [
beeswarmY(rural, {
y: "ratio_without",
r: "total_households",
fill: "ratio_without",
title,
gap: 0.75,
dynamic: true
})
],
height: 1400
}))
Insert cell
Insert cell
Insert cell
(replay2,
Plot.plot({
y: { type: "log", ticks: 0, inset: 10 },
r: { range: [0.5, 30] },
facet: {
data: ruralUrban,
x: "designation"
},
marks: [
beeswarmY(ruralUrban, {
y: "ratio_without",
r: "total_households",
fill: "ratio_without",
title,
gap: 0.5,
dynamic: true
})
],
height: 2200,
width
}))
Insert cell
title = (d) =>
`${d.name}\n${d.ratio_without.toFixed(
2
)} of ${d.total_households.toLocaleString("en-US")}`
Insert cell
joined
Insert cell
ruralUrban = joined.filter((d) => d.designation)
Insert cell
import {
rural,
urban,
joined
} from "@clhenrick/acs-internet-access-exploration"
Insert cell
import { beeswarmY } from "@fil/experimental-plot-beeswarm"
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