feat: Add time slider to interactive filters

[bprusinowski]

Contributes to #802.

This PR introduces a basic time slider which can be used to interactively filter a chart based on time dimension.

How to test

1. Go to /en/browse/dataset/https%3A%2F%2Fenvironment.ld.admin.ch%2Ffoen%2Fubd0104prod%2F5?dataSource=Int&flag__timeslider=true (notice the flag__timeslider, feature is not available by default).
2. Create a column chart.
3. Change X variable to Parameter.
4. Go to Publishing step and enable Time Slider.
5. See that a slider appeared below the chart.
6. Use the slider to filter the data.
7. Change X dimension back to Date and see that a time slider disappeared.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
visualization-tool	✅ Ready (Inspect)	Visit Preview	Nov 3, 2022 at 5:09PM (UTC)

[ptbrowne]

I was curious and did a pre-review :) Looks great.

[ptbrowne]

Why could we have the default case ?

[bprusinowski]

I'll also need to probably improve this, the case here is that activeField could be a lot of things – areaLayer, segment, x, y, but also interactive filter and here I wanted to catch these cases in more clear way, for all other strings the default case if triggered. Do you have an idea how to handle this better?

[ptbrowne]

I think we could have

• Enable time slider for more chart types
• Add transitions to charts (visx?)

in a next PR, and we would hide the interactive filter behind a flag. The PR is already getting big ;) What do you think ?

[bprusinowski]

Thanks @ptbrowne for review! Yes, it's getting big, I'll try to clean up the stuff and I even think it would make sense to leave things like chart container size, animation, design of the slider also for another PR and just fix things here + hide the feature behind a feature flag. I think it would make sense to merge before new UI is implemented so we can avoid lots of conflicts 😨

[ptbrowne]

Yep, makes sense 💯

[ptbrowne]

LGTM 🙇