I'm a PhD student interested in data visualization, computer graphics, biology, and cancer.
viewof genomeSpy = embed(
// The view specification:
{
height: 200,
width: 400,
data: { values: data },
mark: {
type: "point",
tooltip: {
// Specify which handler to use
handler: "myHandler"
}
},
encoding: {
x: { field: "x", type: "quantitative" },
y: { field: "sin", type: "quantitative" }
}
},
// An options object:
{
// Register the custom handler
tooltipHandlers: {
myHandler: myHandler
}
}
)
myHandler = async (datum, mark, props) =>
html`<strong>sin</strong>(${fmt(datum.x)}) = ${fmt(datum.sin)}`
// Using the lit-html version GenomeSpy exports
html = GenomeSpy.html
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.
