react-vis-force icon indicating copy to clipboard operation
react-vis-force copied to clipboard

Make a graph with circles bigger than radius:5

Open corganfuzz opened this issue 8 years ago • 2 comments

How do I make a Graph with circles bigger than 5 px ( or whatever the unit is)? If I do radius: 50 , the links do not scale along with the new radius. so how do you change the links length, size ? image

<ForceGraphNode
                  key={id}
                  node={{
                    id,
                    label,
                    // radius:50
                  }}
                  fill={data.nodes.type}

corganfuzz avatar Nov 30 '17 19:11 corganfuzz

I have the same question, how can you configure the length of links between nodes?

Tzinov15 avatar Jan 02 '18 21:01 Tzinov15

I found that adding a radiusMargin in simulationOptions lets you account for a larger node radius and makes the lines longer

<InteractiveForceGraph
        simulationOptions = {{
          height: 900,
          width: 1680,
          radiusMargin: 20 //3 is default
        }}
>

laurabrooks avatar Jan 12 '18 16:01 laurabrooks