How to draw directed Graph based on Node and Edge ?

[pipi-olo]

I tried to draw a directed graph using the ReactFlow library.
However, ReactFlow has the issue of requiring manual input of position information for each node.

To solve this, I attempted to use the Dagre library.
However, the Dagre library is not React-based.

How can I use the nodes and edges information stored in a class State to obtain position information through Dagre’s JavaScript logic?

My goal is to draw LR directed graph based on node and edge using Reflex.
ReactFlow and Dagre are not important.

[Seikened]

I'm trying too, and I asked Reflex Build AI how to create it, but it didn't work...
Download the ZIP file
The ZIP contains the code that the AI provided.

Preview

I really would like to replicate my old menu using graphs...
Visit my website

However, I couldn't create this component using Reflex.

[pipi-olo]

I have decided to use the Python libraries networkx and pygraphviz to solve this problem.

I concluded that the backend logic cannot be handled through Reflex (React).

I plan to implement the backend logic in Python and only draw the graph using Reflex (React).

[pipi-olo]

If there are any other solutions, please help me.

[Seikened]

I'll try, but i'm stuck :(