Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Interactive views should use cursors to provide affordance #4155

Open
domoritz opened this issue Sep 11, 2018 · 10 comments
Open

Interactive views should use cursors to provide affordance #4155

domoritz opened this issue Sep 11, 2018 · 10 comments
Labels
Area - Interaction Enhancement 🎉 Help Wanted Good tasks for contributors (try https://github.com/vega/vega-lite/issues/1486 first) P2 Important Issues that should be fixed soon
Milestone
soon?

Comments

@domoritz
Copy link
Member

domoritz commented Sep 11, 2018 •
edited
Loading

For example, when the user can create a brush, it would be nice to change the cursor accordingly.

An interactive mark with a point selection should use a "cursor": "pointer" (as we did manually in https://vega.github.io/editor/#/examples/vega-lite/interactive_bar_select_highlight).
@domoritz domoritz added this to the x.x Interaction Patches milestone Sep 11, 2018
@kanitw
Copy link
Member

kanitw commented Nov 14, 2018

When fixing this issue, please also update this example.

@kanitw kanitw mentioned this issue Nov 14, 2018
Merged
@kanitw
Copy link
Member

kanitw commented Dec 5, 2018

Single/Multi -- Use pointer

Brush use crosshair

Pan uses grab -- if there is a smart way to learn about this

@domoritz
Copy link
Member Author

domoritz commented Dec 5, 2018

Falcon uses pretty reasonable cursors.

@kanitw
Copy link
Member

kanitw commented Dec 5, 2018

To make it easy to follow, what’re the difference between suggested set above?

@domoritz
Copy link
Member Author

domoritz commented Dec 5, 2018

screen shot 2018-12-05 at 09 39 22

And you can give it a try at https://uwdata.github.io/falcon/flights/.

The difference is that resize has a cursor as well (which we don't support yet) and I use move instead of grab.

@kanitw kanitw added 🙏 Help wanted P2 Important Issues that should be fixed soon labels Feb 1, 2019
@kanitw kanitw added the Help Wanted Good tasks for contributors (try https://github.com/vega/vega-lite/issues/1486 first) label Feb 11, 2019
@kanitw kanitw removed the P2 Important Issues that should be fixed soon label Mar 22, 2019
@ajbouh
Copy link

ajbouh commented Jul 17, 2019

Can this be done today with the cursor signal?

@domoritz
Copy link
Member Author

Vega-Lite does not yet have support for signals. You can modify the Vega, yes.

@kanitw kanitw removed this from the x.x Interaction / Selection milestone Dec 4, 2019
@kanitw kanitw added the P2 Important Issues that should be fixed soon label Dec 6, 2019
@kanitw kanitw added this to the 4.x milestone Dec 6, 2019
@kanitw kanitw modified the milestones: 4.x, soon? May 15, 2020
@donghaoren donghaoren mentioned this issue Jun 26, 2020
Closed
@alliefeldman alliefeldman mentioned this issue Oct 11, 2023
Closed
@alliefeldman alliefeldman mentioned this issue Nov 2, 2023
Merged
domoritz added a commit that referenced this issue Jan 30, 2024
@alliefeldman @dependabot
@kanitw @domoritz
feat: 'move' cursor added over brush mark (#9164)
ffec017 
To create affordance for brush panning, switch the user's mouse cursor
to 'move' when dragging/hovering over a displayed interval selection.

<img width="232" alt="274331754-21cffb6f-09e4-479a-b69e-d8cc52297adb"
src="https://github.com/vega/vega-lite/assets/53187264/1059c619-cbf2-4b7c-ab44-095091935c95">


Contributes to #4155

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Kanit Wongsuphasawat <[email protected]>
Co-authored-by: GitHub Actions Bot <[email protected]>
Co-authored-by: Dominik Moritz <[email protected]>
Co-authored-by: Kanit Wongsuphasawat <[email protected]>
@domoritz
Copy link
Member Author

We now have move cursors over brushes for interval selections thanks to @alliefeldman in #9164.

@joelostblom
Copy link
Contributor

To add to the suggestions above, it would be great if binding a selection to the legend also automatically changes the cursor to indicate that the legend is clickable.

@joelostblom
Copy link
Contributor

I don't think it's even possible to do this for legends manually (such as with a mark's cursor property) at the moment. Open the Chart in the Vega Editor

@JessamineQ JessamineQ mentioned this issue Apr 12, 2024
Closed
@joelostblom joelostblom mentioned this issue Apr 13, 2024
Draft
@domoritz domoritz mentioned this issue May 1, 2024
Closed
@joelostblom joelostblom mentioned this issue May 30, 2024
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Area - Interaction Enhancement 🎉 Help Wanted Good tasks for contributors (try https://github.com/vega/vega-lite/issues/1486 first) P2 Important Issues that should be fixed soon
Projects
None yet
Milestone
soon?
5 participants
@ajbouh @kanitw @domoritz @joelostblom @sirahd