{
const highlight = vl.selectSingle()
.on("mouseover")
.nearest(true)
.fields("symbol")
.init({"symbol": []});
const base = vl.markPoint({tooltip: true})
.encode(
vl.x().fieldT("date").axis({"format": "%Y", "labelAngle": 0}),
vl.y().fieldQ("price"),
vl.color().fieldN("symbol")
);
return vl
.data('data/stocks.csv')
.config({"point": {"opacity": 0.0}})
.layer(
base.select(highlight),
base.markLine()
.encode(
vl.size()
.if(vl.not(highlight), vl.value(1))
.value(3)
)
)
.description("Highlight multiple lines")
.width( 800)
.height( 425)
.render();
}