Graphviz Error

[Bryan]

Hi All,

I’m creating a graphviz plot of topic and subscriber nodes, similar to a ROS plot. At the end of my script I have st.graphviz_chart(A), where A is a graphviz object. However, when I run the file using the streamlit run command, the web app opens and displays:
original plot() function using pygraphviz and not graphviz

I’m using graphviz, not pygraphviz. Also, it literally worked yesterday, so I’m stumped. Any help would be greatly appreciated.

Also side question since I’m just starting out with streamlit, is it possible to make my graphviz plot interactive? For example, a user could move around the nodes, select various filters of information to display, can save an image of the plot, stuff like that? Thank you!

Bryan

[chris_klose]

Hi @Bryan,

Welcome to the Streamlit Community!

You can check out the streamlit-agraph component:

streamlit-agraph

It allows you to do exactly that, do interactive charts.

Also pyvis is on the rise amongst the guys in the community:

Interactive Networks (graphs) with Pyvis

Hi everyone, for those interested in showing graphs (@chris_klose, @Charly_Wargnier), I’ve found that with Pyvis is very easy to work out within streamlit. Here is an example of what can be done: [vid5_2] You can play with the app here: https://share.streamlit.io/napoles-uach/streamlit_network/main/app.py and here is the repo: https://github.com/napoles-uach/streamlit_network

Happy Streamlit-ing,
Chris

[Bryan]

Thanks! I’ll look into that. Also, do you have any advice for the issue I’m encountering?

Bryan

[Bryan]

Also, can streamlit-agraph use graphviz objects?

[napoles3d]

Hi Bryan, could you provide a minimal snippet for that task??
And welcome to the forum!!

[Bryan]

Snippet of my code?

[napoles3d]

Yeah, to understand better what you want to do, you can write it here using triple backquotes (```)

[Bryan]

Here’s a snippet of my code. It relies on some functions that parse a dictionary, where the dictionary contains information about nodes and their edges, but this is the code that generates the graphviz plot.

import graphviz as gv
A = gv.Graph()
topics_subscribers = edges()
pntr=0


for k in range(len(subscribers)):
    ProcID = y[list(y.keys())[k]]['procId']
    with A.subgraph(name='cluster'+str(ProcID)) as c:
        c.node(topics_subscribers[pntr][1])
        c.attr(label='Process ID ' + str(ProcID))
    pntr+=1

for j in range(len(x)):
    ProcID = x[j]['procId']
    machine = x[j]['machine']
    with A.subgraph(name='cluster'+str(ProcID)) as b:
        b.node(x[j]['topicName'])
        b.attr(label='Process ID ' + str(ProcID) + '       Machine '+ str(machine))
    
A.edges(topics_subscribers)
A.attr(overlap='false')  

A = apply_styles(A, styles)
A.render('test-output/round-table.gv', view=True)