Interested in dataviz and looking forward to a world where human brains are freed from being occupied with boring, repetitive, manual, click-copy-paste tasks.
Plot.plot({
y: {
grid: true
},
marks: [
Plot.barY(alphabet, { x: "letter", y: "frequency", fill: fill }),
Plot.ruleY([0])
]
})
chart = hatchPlot({
color: {
range: [
"red",
textures.lines().orientation("3/8").size(7).strokeWidth(0.25)
]
},
y: {
grid: true
},
marks: [
Plot.barY(alphabet, {
x: "letter",
y: "frequency",
fill: "isVowel"
}),
Plot.ruleY([0])
]
})
function fill_hatch(d, i) {
return ["A", "E", "I", "O", "U"].includes(d.letter)
? textures.circles().size(4)
: textures.lines().orientation("3/8").size(7).strokeWidth(0.25);
}
alphabet.forEach(
(item) => (item.isVowel = ["A", "E", "I", "O", "U"].includes(item.letter))
)
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.
