Edit on GitHub

Multiline interactive highlight

Source code Author

using Deneb

data = Data(url="https://vega.github.io/vega-datasets/data/stocks.csv")

base = data  * Encoding("date:T", "price:Q", color="symbol:N")

points = Mark(:circle, opacity=0) * select_point(
    :hover,
    fields=[:symbol],
    on=:mouseover,
    nearest=true,
    value=(;symbol=:AAPL),
)

line = Mark(:line) * Encoding(
    size=condition(:hover, 3, 1)
)

chart = base * (points + line)
Why the points layer?

Because of a VegaLite's limitation in the nearest` property.

This page was generated using DemoCards.jl and Literate.jl.