Public
Edited
Feb 28, 2023
Insert cell
Insert cell
systems_csv = `system,deltaH_lo,deltaH_hi,deltaI_lo,deltaI_hi
Photoshop filters,2,3,-3,.5
restructuring documents,.5,3,0,0.5
`
Insert cell
systems = d3.csvParse(systems_csv, (d) => {
let deltaH_lo = +d.deltaH_lo, deltaH_hi = +d.deltaH_hi, deltaI_lo = +d.deltaI_lo, deltaI_hi = +d.deltaI_hi;
return {
system: d.system,
deltaH_lo, deltaH_hi, deltaI_lo, deltaI_hi,
deltaH: .5*(deltaH_lo + deltaH_hi),
deltaI: .5*(deltaI_lo + deltaI_hi)
};
})
Insert cell
systems
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
Plot.plot({
marks: [
Plot.dot(systems, {x: "deltaI", y: "deltaH"})
]
})
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