advent-of-code-surveys
advent-of-code-surveys copied to clipboard
Slicing: filter all data on the dashboard on a specific slice
Something we lost when going from PowerBI (past years) to a custom built web interface is some interactivity, most notably the ability to "slice" the data.
Suppose you click on the vertical bar for "Rust" as a language. It would then be super nice to have all the other charts respond to this, by using a filter on that language. Quite important would be to have Chart.js properly animate the bars after the change, to help grasp the impact of such a filter.
In short, clicking a data bar should:
- visually highlight that bar (e.g. stronger color or outline)
- add a "pill" component of sorts to the sticky top bar to indicate this filter is active
- cause all graphs to filter on that data point, counting only responses that also have that that data point, animating them after the change
- allow the reverse action by clicking the data point again
- allow the reverse action by clicking the "pill" component in the top bar
I really wanted to do this for 2023, but didn't end up getting to it. I do have a git diff with a proof of concept, which I might clean up and leave here somewhere to build from for a next edition.