Data and Digital Storytelling Lead @ 360info.org, hosted by Monash University. ❤️ making things for fun and for social good!
Public
Edited
Jun 2
// data frame of vector marks, 15 deg rotation apart
data = [...Array(24).keys()].map(d => ({ x: d, y: 1, l: 1, r: d * 15 }))
Plot.plot({
marks: [
Plot.vector(data, {
x: "r",
y: "y",
length: "l",
rotate: "r"
})
],
x: {
label: "Degrees rotation"
},
height: 100
})
Plot.plot({
marks: [
Plot.vector(data, {
x: "r",
y: "y",
length: "l",
rotate: "r"
})
],
x: {
label: "Degrees rotation"
},
y: {
reverse: true
},
height: 100
})
Plot.plot({
marks: [
Plot.vector(data, {
x: "r",
y: "y",
length: "l",
rotate: "r"
})
],
x: {
label: "Degrees rotation"
},
y: {
reverse: true
},
rotate: {
reverse: true
},
height: 100
})
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.
