pixel flipper, data sifter. trying to see what I can while I'm here
addTooltips(
Plot.plot({
x: { type: "linear" },
inset: 10,
width: width,
marks: [
Plot.frame({ fill: "lightgray" }),
Plot.tickX([0, 56, 99, 440, 560, 975], {x: d => d, stroke: "black"}),
Plot.dot(allSNPs, {
x: "Position",
fill: "#00308f",
fillOpacity: 0.05,
}),
Plot.dot(consensusB, {
x: "AAPOS",
fill: "#ff7e00",
fillOpacity: 0.2,
title: "AAREF"
})
]
})
)
addTooltips(
Plot.plot({
color: {
type: "linear",
range: ["steelblue", "black"]
},
y: { reverse: true },
inset: 10,
width: 100,
height: 3400,
marks: [
Plot.frame({ fill: "lightgray" }),
Plot.tickY([0, 56, 99, 440, 560, 975], {y: d => d, stroke: "black"}),
Plot.tickY(allSNPs, {
y: "Position",
stroke: "#00308f",
strokeOpacity: 0.25,
strokeWidth: 2,
}),
Plot.tickY(consensusB, {
y: "AAPOS",
stroke: "#ff7e00",
strokeOpacity: 0.4,
strokeWidth: 2,
title: "AAREF"
})
]
})
)
addTooltips(
Plot.plot({
color: {
type: "linear",
range: ["steelblue", "black"]
},
y: { reverse: true },
inset: 10,
width: 100,
height: 3400,
// Because the faceting is on the allSNPs data, the consensusB data is repeated across facets
facet: {
data: allSNPs,
x: "Letter"
},
marks: [
Plot.frame({ fill: "lightgray" }),
Plot.tickY([0, 56, 99, 440, 560, 975], {y: d => d, stroke: "black"}),
Plot.tickY(allSNPs, {
y: "Position",
stroke: "#00308f",
strokeOpacity: 0.25,
strokeWidth: 2,
}),
Plot.tickY(consensusB, {
y: "AAPOS",
stroke: "#ff7e00",
strokeOpacity: 0.4,
strokeWidth: 2,
title: "AAREF"
})
]
})
)
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.
