The avatar for @aglucaci
Alexander Lucaci
Public
Edited
Mar 7
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
//viewof signature = Inputs.text({label: html`<b>Enter your experiment label</b>`, placeholder: "Analysis_01//"})
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
/*
densityPlot = Plot.plot({
width: 600,
height: 400,
marks: [
...Array.from(wellTypeGroups, ([Type, wells]) =>
Plot.density(wells, {
x: "X", // Directly use the "X" column from wellsData
stroke: colorMap[Type] || "gray",
strokeWidth: 2,
curve: "basis",
bandwidth: 10
})
)
],
x: { label: "X Position" },
y: { label: "Density" },
color: { legend: true }
});

*/
Insert cell
Insert cell
/*

// Create 2D density plot
densityPlot2D = Plot.plot({
width: 600,
height: 400,
marks: [
...Array.from(wellTypeGroups, ([Type, wells]) =>
Plot.density(wells, {
x: "X",
y: "Y",
fill: colorMap[Type] || "gray",
bandwidth: 10,
thresholds: 2, // Adjust resolution of density
opacity: 0.8
})
),
Plot.frame() // Adds a border around the plot
],
x: { label: "X Position" },
y: { label: "Y Position" },
color: { legend: true }
});

*/
Insert cell

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.
Learn more