Data & Graphics Reporter
The Associated Press
Published
Edited
Jul 14, 2021
2 stars
Plot.plot({
width: 700,
height: 700,
y: {
axis: null
},
fy: {
axis: "left",
label: null
},
facet: {
data: dataRYGHistoric,
y: "name",
marginLeft: 75
},
marks: [
Plot.areaY(dataRYGHistoric, {
x: "endDateCompiled",
y: "positivityRate",
fillOpacity: 0.2
}),
Plot.lineY(dataRYGHistoric, {
x: "endDateCompiled",
y: "positivityRate",
strokeWidth: 1
})
]
})
Plot.plot({
grid: true,
width: 900,
height: 900,
x: {
nice: true
},
y: {
nice: true
},
facet: {
data: dataRYGHistoric,
y: "endDateCompiled"
},
marks: [
Plot.frame(),
Plot.dot(dataRYGHistoric, { x: "casesPer100k", y: "positivityRate" })
]
})
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.
