Public
Edited
Jun 1, 2023
<div style="max-height: 500px; overflow: scroll">${
Plot.plot({
height: 10000,
width: 700,
marginTop: 40,
marginRight: 20,
marginLeft: 100,
marginBottom: 30,
padding: 0,
color: { scheme: "YlGnBu" },
style: { "font-size": 10, "fontstroke": "#91bfdb"},
x: {
type: "band",
label: "Available Imaging Data",
paddingInner: 0.1,
domain: [
"CT-1",
"CT-2",
"CTA",
"DWI",
"ADC",
"3D-T1",
"3D-FLAIR",
"T1",
"T2",
"T2-FLAIR"
]
},
y: {
type: "band",
padding: 0.15,
tickSize: 0.1,
label: "All NorCOAST subjects"
},
marks: [
Plot.cell(data,
{x: "modality",
y: "subject-id",
fill: "#f6edf7"})
,
Plot.text(data, {x: "modality", y:"subject-id", text:"modality"})
]
})
}
</div>
<div style="max-height: 500px; max-width: 500px; overflow: scroll;">${
Plot.plot({
height: 10000,
width: 10000,
marginTop: 40,
marginRight: 20,
marginLeft: 100,
marginBottom: 30,
padding: 0,
color: { scheme: "YlGnBu" },
style: { "font-size": 10, fontstroke: "#91bfdb" },
facet: { marginRight: 90 },
x: {
type: "band",
label: "Available Imaging Data",
paddingInner: 0.1,
domain: [
"CT-1",
"CT-2",
"CTA",
"DWI",
"ADC",
"3D-T1",
"3D-FLAIR",
"T1",
"T2",
"T2-FLAIR"
]
},
y: {
type: "band",
padding: 0.15,
tickSize: 0.1,
label: "All NorCOAST subjects"
},
marks: [
Plot.cell(data, {
x: "modality",
y: "subject-id",
fx: "timepoint",
fill: "#f6edf7"
}),
Plot.text(data, { x: "modality", y: "subject-id", text: "modality" })
]
})
}
</div>
Object.assign(
Plot.plot({
height: 10000,
caption: "",
width: 1500,
marginTop: 40,
marginRight: 20,
marginLeft: 100,
marginBottom: 30,
padding: 0,
color: { scheme: "YlGnBu" },
style: { "font-size": 10, fontstroke: "#91bfdb", maxWidth: "20000px" },
x: {
type: "band",
label: "Available Imaging Data",
paddingInner: 0.1,
domain: [
"CT-1",
"CT-2",
"CTA",
"DWI",
"ADC",
"3D-T1",
"3D-FLAIR",
"T1",
"T2",
"T2-FLAIR"
]
},
fx: {
domain: [
"ses-clinical",
"ses-study-MR",
"18-mon-follow-up",
"36-mon-follow-up"
]
},
facet: { data: summary, x: "timepoint" },
y: {
type: "band",
padding: 0.15,
label: "All NorCOAST subjects"
},
marks: [
Plot.cell(summary, {
x: "modality",
y: "subject-id",
fill: "count"
}),
Plot.text(summary, { x: "modality", y: "subject-id", text: "modality" }),
Plot.gridX({ stroke: "#0868a3" }),
Plot.gridY({ stroke: "#0868a3" })
]
}),
{
style: `max-width: ${width}px; overflow: scroll; max-height: 500px; overflow-y: scroll`
}
)
aq_bas.filter((d) => d.modality === "CT-1").view()
viewof
aq_bas = aq.from(data)
import { aq, op } from "@uwdata/arquero"
import { data } from "475665a1dc42e82a"
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.
