Wise Fool.
Visioneer.
Public
Edited
Mar 17
viewof z = Plot.plot({
width: 320,
margin: 10,
projection: { type: ternary.projection, inset: 25, angle: 10 },
marks: [
Plot.sphere(),
ternary.graticule(),
ternary.slider({r: 10, fill: "green"}),
ternary.labels([
"A",
"B",
"C",
], {fontSize: "large", fontWeight: 900}),
Plot.dot(profiles, {
x: (d) => d.designer / 100,
y: (d) => d.journalist / 100,
symbol: "triangle",
fill: group,
r: 5
})
]
})
viewof x = Inputs.bind(ternary.combo(), viewof z)
tri([
"Challenge",
"Solution",
"Problem",
])
tri = (labels = ["a","b","c"]) => Plot.plot({
width: 320,
margin: 30,
projection: { type: ternary.projection, inset: 25, angle: 10 },
marks: [
Plot.sphere({stroke: "lightgray", strokeDasharray: 7}),
// ternary.graticule(),
ternary.slider({r: 10, fill: "green"}),
ternary.labels(labels, {fontSize: "12", fontWeight: 900})
]
})
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.
