f5 / unovis

Modular data visualization framework for React, Angular, Svelte, Vue, and vanilla TypeScript or JavaScript

Home Page:https://unovis.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Multi-Selection Dragging

mossy426 opened this issue · comments

For large datasets especially in molecular epidemeology, it's common to want to select groups of nodes that aren't necessarily connected to eachother, as well as then be able to drag all these nodes at once to make the network more legible rather than spending a long time dragging one by one.

Users can typically do this by doing something such as holding shift + mouse button press and dragging on the network to create a rectangle, and on release - highlight all the nodes within said rectangle.

Is there any way to select multiple nodes? Not just highlight nodes that are connected to a selected node.

I see the selectedNodeId variable is used like so:

<vis-graph
  [nodeLabel]="nodeLabel" 
  [events]="events" 
  selectedNodeId="2"
></vis-graph>

Please see the images below for reference. Thanks in advance! Excited to collaborate with eachother :)

Rect

selected

@mossy426 That would really be a great feature. We'll keep it in mind for the next component update. I can't give any estimate though on how soon we'll be able to add it.