Hello everyone,
I try to recreate an animated bar chart by using deneb (https://vis.csail.mit.edu/pubs/animated-vega-lite/). I adjusted the code at some points, to fit it with my sample data. Unfortunately, I get an error 'Duplicate signal name: Year_tuple. I didn't succeed to fix this error. Hopefully, one of you can help me out. The sample data can be found here.
The code used for the Deneb visualization is as follows:
{
"data": {"name": "dataset"},
"encoding": {
"color": {"field": "Category", "legend": {"offset": 80}},
"x": {"field": "Value", "type": "quantitative"},
"y": {
"field": "Brand",
"type": "nominal",
"sort": {"field": "Value", "order": "descending"},
"axis": false
},
"time": {
"field": "Year",
"scale": {"type": "band", "range": [0, 400]},
"key": {"field": "Brand"},
"rescale": true
}
},
"params": [
{
"name": "Year",
"select": {"type": "point", "on": "timer"},
"bind": {"input": "range", "min": 2021, "max": 2023, "step": 1}
}
],
"transform": [
{"calculate": "+substring(datum.date,0,4)", "as": "year"},
{"calculate": "+datum.Value", "as": "value"},
{
"sort": [
{"field": "year", "order": "descending"},
{"field": "value", "order": "descending"}
],
"window": [{"op": "rank", "as": "rank"}],
"groupby": ["year"]
},
{"filter": {"param": "year"}},
{"filter": {"field": "rank", "lte": 10}}
],
"layer": [
{"mark": "bar"},
{
"mark": {
"type": "text",
"align": "left",
"baseline": "top",
"dx": 3,
"dy": 4
},
"encoding": {"text": {"field": "Brand"}}
}
]
}
