viewof api = embed(
{
title: "Visual Encoding",
subtitle: "Gosling provides diverse visual encoding methods",
layout: "linear",
arrangement: "vertical",
centerRadius: 0.8,
xDomain: { chromosome: "1", interval: [1, 3000500] },
views: [
view.id("view-1").track(baseTrack)({
mark: "rect",
x: gos.g("start", { axis: "top" }),
xe: gos.g("end"),
row: gos.n("sample", { legend: true }),
color: gos.q("peak", { legend: true })
}),
view.track(baseTrack)({
mark: "bar",
x: gos.g("position", { axis: "top" }),
y: gos.q("peak"),
row: gos.n("sample"),
color: gos.n("sample", { legend: true })
}),
view.track(baseTrack)({
mark: "bar",
x: gos.g("position", { axis: "top" }),
y: gos.q("quantitative", { grid: true }),
color: gos.n("sample", { legend: true })
}),
view.track(baseTrack)({
alignment: "overlay",
x: gos.g("position", { axis: "top" }),
y: gos.q("peak"),
row: gos.n("sample"),
color: gos.n("sample", { legend: true }),
tracks: [
{ mark: "line" },
{ mark: "point", size: gos.q("peak", { range: [0, 2] }) }
]
}),
view.track(baseTrack)({
mark: "point",
x: gos.g("position", { axis: "top" }),
y: gos.q("peak"),
row: gos.n("sample"),
size: gos.q("peak"),
color: gos.n("sample", { legend: true }),
opacity: gos.v(0.5)
}),
view.track(baseTrack)({
mark: "point",
x: gos.g("position", { axis: "top" }),
y: gos.q("peak", { grid: true }),
size: gos.q("peak"),
color: gos.n("sample", { legend: true }),
opacity: gos.v(0.5)
}),
view.track(baseTrack)({
mark: "area",
x: gos.g("position", { axis: "top" }),
y: gos.q("peak"),
row: gos.n("sample"),
color: gos.n("sample", { legend: true }),
stroke: gos.v("white"),
strokeWidth: gos.v(0.5)
}),
view.track(baseTrack)({
mark: "withinLink",
x: gos.g("s1", {
domain: { chromosome: "1", interval: [103900000, 104100000] }
}),
xe: gos.g("e1"),
x1: gos.g("s2", { domain: { chromosome: "1" } }),
x1e: gos.g("e2"),
color: gos.n("s1"),
stroke: gos.v("black"),
strokeWidth: gos.v(0.5),
opacity: gos.v(0.2)
})
]
},
{ padding: 0 }
)