advent-of-code-surveys icon indicating copy to clipboard operation
advent-of-code-surveys copied to clipboard

Slicing: filter all data on the dashboard on a specific slice

Open jeroenheijmans opened this issue 3 years ago • 1 comments

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

jeroenheijmans avatar Dec 22 '21 08:12 jeroenheijmans

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.

jeroenheijmans avatar Dec 23 '23 19:12 jeroenheijmans