Hovering card highlights parts of table

Hello everyone,

I’m designing a table displaying several entries. Under the table there are 4 cards with a title and a number. While hovering, the card changes and shows some of the entries from the table above. Every card displays up to 4 set entries.
What I want: when I hover the card it doesn’t only change appearance, the related entries in the table above get highlighted too.
For the user, it would be clear which entries are used to calculate the number on the given card.

Does anyone have an idea how to implement such a function?

Thank you very much in advance!

Hi there,

Thanks for reaching out. As long as I understand correctly, I think you can use interactive components with variants. When you set up the interactions, you can link the card hovering actions to a table. I’m not checking the file, so I’m probably missing something. Please let me know if I am misunderstanding.

If you have any problems with your file, could you share the screenshots or video recording?

Thanks,
Toku