happiness.view()
{
let selection = vl.selectMulti().nearest(true).on("mouseover")
let lines = vl.markLine({opacity: 0.4})
.select(selection)
.encode(
vl.x().fieldN("variable"),
vl.y().fieldQ("value"),
vl.detail().fieldN("country"),
vl.tooltip().fieldN("country"),
vl.color().if(selection, 1).value(0.1)
)
.width(700)
return vl.layer(lines)
.data(happiness)
.render();
}
{
const line = vl.markLine().encode(
vl.color().fieldN("Species"),
vl.detail().fieldN("index"),
vl.y().fieldQ("norm_val").axis(null),
);
}
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.
