Public
Edited
May 17, 2024
sunday_ Fiscal Balance Graphicacy Data.xlsx - Summary (1).csv
Type Table, then Shift-Enter. Ctrl-space for more options.
newdata = {
data.forEach((obj) => {
obj.value = Number(obj.value.replace('%',''));
});
return data
}
import {Plot} from "@mkfreeman/plot-tooltip"
Plot.plot({
width: 700,
facet: {
data: newdata
},
x: { domain: [90, 140] },
color: {
domain: [90, 135],
range: [-0.5, 1.5],
type: "diverging",
scheme: "BuRd",
pivot: 100,
reverse: true
},
marks: [
Plot.frame(),
Plot.dot(newdata, {
x: "value",
z: "state_name",
fill: "value",
r: 10,
mixBlendMode: "multiply",
title: (d) => `${d.state_name}: ${d.value}%`
}),
],
tooltip: {
r: 12
}
})
Select a data source…
Type Table, then Shift-Enter. Ctrl-space for more options.
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.
