Digital Humanist. Manhattan-based.
Public
Edited
Nov 15, 2024
Plot.plot({
marginLeft: "100",
height: 600,
width: width * 1,
x: {
tickFormat: (d) => "" + d
},
y: {
domain:
ordering !== "good ordering"
? states
: [...states].sort(
(a, b) =>
linear_us_state_order.indexOf(b) -
linear_us_state_order.indexOf(a)
)
},
marks: [
Plot.cell(reparse(datum.find((d) => d.title == disease).data.values.data), {
x: "year",
y: "state",
fill: "rate",
height: "3px"
}),
Plot.tip(
reparse(datum.find((d) => d.title == disease).data.values.data),
Plot.pointerX({ x: "year", y: "state" })
)
]
})
reparse(datum[0].data.values.data)
function reparse(d) {
return d.map((x) => ({
year: +x[0],
stateid: x[1],
state: states[x[1]],
rate: x[2]
}));
}
datum = FileAttachment("datum.json").json()
import { linear_us_state_order } from "@bmschmidt/useful-linear-orders-for-countries-and-states"
import { state_info } from "@bmschmidt/state-info"
states.filter((s) => {
return !state_info.has(s);
})
states = [
"Alaska",
"Alabama",
"Arkansas",
"Arizona",
"California",
"Colorado",
"Connecticut",
"DC",
"Delaware",
"Florida",
"Georgia",
"Hawaii",
"Iowa",
"Idaho",
"Illinois",
"Indiana",
"Kansas",
"Kentucky",
"Louisiana",
"Massachusetts",
"Maryland",
"Maine",
"Michigan",
"Minnesota",
"Montana",
"Mississippi",
"Montana",
"NC",
"ND",
"Nebraska",
"NH",
"NJ",
"NM",
"Nevada",
"New York",
"Ohio",
"Oklahoma",
"Oregon",
"Pennsylvania",
"Rhode Island",
"SC",
"SD",
"Tennessee",
"Texas",
"Utah",
"Virginia",
"Vermont",
"Washington",
"Wisconsin",
"WV",
"Wyoming"
]
linear_us_state_order.indexOf("NJ")
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.
