Sparse graph layout on first run of application.

Hi Chris - big thanks to you and your work it’s a very cool component you’ve built.

My minor issue is on the first run of my streamlit application the resultant graph produced has a sparse structure (i.e. nodes are all a great distance from one another) whereas future outputs solve this issue and the graph has the desired shape. The images below show what I’m referring to:

Sparse

Future runs - desired shape

This is on streamlit_agraph version 0.0.35. The configurations which produces are shown below for reference:

    config = Config(width=3000, 
                    height=1000, 
                    directed=True,
                    nodeHighlightBehavior=True, 
                    highlightColor="#F7A7A6", # or "blue"
                    collapsible=False,
                    staticGraph = False,
                    staticGraphWithDragAndDrop=False,
                    ) 

    return_value = agraph(nodes=nodes, 
                        edges=edges, 
                        config=config)

Let me know if I can provide any additional information. Its obviously not a huge issue if rerunning the function that outputs the graph solves it but more curious as to why this might be the case. Thanks!

[ChrisDelClea]

Looks awesome! Would be pleased to see you tweeting about it.

[LordLean]

Could be some gravity related feat actually - it’s interesting because on that first run it appears almost as if it’s started to pull the nodes together then stops. Good point on the canvas size I’ll play around with that as I do have it set to quite a large area currently. Re the unnecessary parameters: I was experimenting to see if they might have had an effect but I’ll remove them if they’re not the cause.

Glad you like the graph haha, I think this one below is my favourite thus far:

It’s mapping headlines/queries used on Twitter’s API search with a focus on the links shared to external sites. The node hierarchy goes like:

Node Class	Colour	Size (1-5, 1 being largest)
Headline/Query	Red	1
Topic Classification	Yellow	2
Domain Name	Light Green	3
URL	Dark Green	4
Datetime of Tweet	Dark Red/Brown	5

Thanks for the reply too, I’ll let you know if I work out what was the cause.