Customize interaction behaviors
See original GitHub issueRequirement
So far, interactions with the graph are fixed. And I wish to add tooltip and customizations to interactions.
Interaction | Current design | Proposal |
---|---|---|
Initial display | Developer can control label with renderLabel property for each node |
|
Hover | Show tooltip | |
Click | Expand/collapse and popup warning | Expand/collapse or show/hide label, remove popup |
RightClick | Expand/collapse or show/hide label, remove popup |
Development
Tooltip
react-d3-graph doesn’t provide natvie support of tooltip, but react-d3-graph author suggested that we can achieve that with react-tooltip according to this issue.
Customization at python level
Don’t know if we can customize at the python level. Seems developer need a react dev environment for these customizations.
Issue Analytics
- State:
- Created 3 years ago
- Reactions:1
- Comments:6 (3 by maintainers)
Top Results From Across the Web
Using Interactions to Shape User Behavior Patterns
Behavior patterns are shaped by mental models, which are built on top of experiences. Though it's not advisable to try and change a...
Read more >Behaviors | WPF Controls - DevExpress Documentation
Behaviors can attach to visual controls and customize them (or extend ... Interaction class implements the Behaviors attached property.
Read more >Move Interaction.Behaviors to Style, Template or something else
I know only one way to do such things - create the new class (which is inherited from TextBlock), add AttachedProperty (Command) to...
Read more >UWP custom Interaction Behavior Does Not Exist In Namespace
The weird thing is Intellisense seems to understand that it exists as that custom trigger is an option in the dropdown menu.
Read more >Behaviors Architecture - Documentation - NoesisGUI
The idea behind behaviors is to give the designer more flexibility to design complex user interactions without writing any code.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I assume nothing has been done with this in the last couple of years. I’m just wondering if anyone knows if there is any current way to capture a click on a node. I’d love to be able to do something with that, like pop up some info in a sidebar. But I suppose
Node
would need to have some kind of callback behavior.Although I am an amateur in frontend development, I’ll give a try. 😃