This visual is made up of multiple area marks arranged vertically.
Besides the middle area mark (GOOG) the others are hard to see without making them larger. Is it possible to hover over an area mark and make it 2x larger and the others smaller to compensate?
If it is not possible using a row
encoding, could it be done with a vconcat
of multiple marks?
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"width": 300,
"height": 40,
"data": {"url": "data/stocks.csv"},
"mark": "area",
"encoding": {
"x": {
"field": "date",
"type": "temporal",
"title": "Time",
"axis": {"grid": false}
},
"y": {
"field": "price",
"type": "quantitative",
"title": "Price",
"axis": {"grid": false}
},
"color": {
"field": "symbol",
"type": "nominal",
"legend": null
},
"row": {
"field": "symbol",
"type": "nominal",
"title": "Symbol"
}
}
}