uber/react-vis-force

can we Draggable Nodes by this plugin?

jitendrapal00 opened this issue · 0 comments

Hello Guys, I need to drag-able the node with child and parents node also.
here is my code.

<InteractiveForceGraph
simulationOptions={

animate: true,
height: 900,
width: 1600,
strength: {
collide: 1,
},
}

      highlightDependencies
      isShowLabels={false}
      showLabel={false}
      selectedNode={null}
      labelAttr="label"
    >
      {

//it is an array
this.state.peopleNetworkNodes.map((node, i) => {

          return (
            <ForceGraphNode
              data-tip
              data-for="person"
              data-offset={"{'top': 45}"}
              node={{ id: i, radius: node.radius }}
              onMouseEnter={this.onMouseHover.bind(this, node.slug)}
              onClick={this.showPersonInfo.bind(this, node.slug)}
              fill={node.fill} key={i}
              
            />
          )
        })
      }
      {

// it is other array to make a link
this.state.peopleNetworkLinks.map((link, i) => {
return (
<ForceGraphLink key={i} link={{ source: link.source, target: link.target, value: link.value, strokeWidth: link.strokeWidth }} />
)
})
}

I have tried to this draggable : true, in simulationOptions

I want to like ths : https://www.screencast.com/t/yykrHWwo