Public
Edited
Apr 22
1 fork
Plot.plot({
x: {domain: [0, 1]},
y: {grid: true},
// y: {grid: true, domain: d3.groupSort(dichoData.filter(x => x.Condition === "dichoptic"), ([d]) => -d.Transparency, (d) => d["Participant Id"])},
symbol: {legend: true, range:["circle", "cross", "square2"], fill: "black"},
color: {legend: true, scheme: "tableau10"},
marks: [
// Plot.axisY({sort: {y: "x", reduce: "min", order: "ascending"}}),
Plot.link(dichoData.filter(x => x.Condition === "dichoptic"),
Plot.groupY(
{x1: "min", x2: "max"},
{y: "Participant Id", x1: "Transparency", x2: "Transparency", stroke: "Condition"}
)
),
Plot.dot(dichoData.filter(x => x.Condition === "dichoptic"),{x: "Transparency", y: "Participant Id", symbol: "Eye", fill: "Condition"}),
Plot.linearRegressionX(dichoData.filter(x => x.Condition === "non-dichoptic"), {x: "Transparency", y: "Participant Id", stroke: "Condition"}),
Plot.dot(dichoData.filter(x => x.Condition === "non-dichoptic"),{x: "Transparency", y: "Participant Id", symbol: "Eye", fill: "Condition"})
]
})
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.
