Force Atlas when using Data programatically

[miguel-krasamo]

Greetings,

I just started to use this library and I'm having a bit of a trouble understanding how to implement ForceAtlas2 to make the graph to do not cross each other edges.

My graph is quite simple as the graph could be drawed from top to down without crossing edges.

I'm currently using this code:

<Sigma
    renderer="svg"
    graph={graphData}
    settings={{ drawEdges: true, clone: false }}
    style={{ width: '100%', height: '250px', border: '1px solid black' }}
    >
      <RelativeSize initialSize={15} />
      <RandomizeNodePositions />
</Sigma>Ï

And I tried to change <RandomizeNodePositions /> for
<ForceAtlas2 worker barnesHutOptimize barnesHutTheta={0.6} iterationsPerRender={10} linLogMode timeout={3000}/>

But nothing is rendered.

Also I tried to use the svg but it's still rendering on default.

[miguel-krasamo]

It seems it's possible by adding Force Atlas 2 without removing Randomize Node Positions