How to show more related nodes of my node when I click my node like in neo4j console?

[doyoungim999]

I am using neo4j-viz packages in python.
I want to show more related nodes when I double-click one node like in neo4j console.
How to show more lreatled nodes or hide the related nodes when I double-click?

[FlorentinD]

Hey @doyoungim999 ,
thank you for your input.

We will only show the nodes and relationships you passed to the VisualizationGraph.
Could you share your example?

I assume you are using a neo4j-db as the backend?

[doyoungim999]

from neo4j import GraphDatabase, RoutingControl, Result
from neo4j_viz.gds import from_gds
from neo4j_viz.neo4j import from_neo4j
import streamlit as st
import streamlit.components.v1 as components
from neo4j_viz import VisualizationGraph
from IPython.display import HTML

#@st.cache_data
def render_graph(
_VG: VisualizationGraph, height: int, initial_zoom: float = 0.1
) -> HTML:
return _VG.render(initial_zoom=initial_zoom, height=f"{height}px")

def execute_sql(sql):
# Modify this to match your Neo4j instance's URI and credentials
URI = "neo4j://localhost:7687"
auth = ("neo4j", "password")

with GraphDatabase.driver(URI, auth=auth) as driver:
    driver.verify_connectivity()
   
    result_graph = driver.execute_query(
        sql,
        database_="me",
        routing_=RoutingControl.READ,
        result_transformer_=Result.graph,
    )
    result_df = driver.execute_query(
        sql,
        database_="sem",
        routing_=RoutingControl.READ,
        result_transformer_=Result.to_df,
    )
    
    driver.close()
VG = from_neo4j(result_graph)
return VG,result_df

def show_graph():

sql = st.session_state.sql

VG, result_df =execute_sql(sql)
st.write("[SQL]"+sql)
st.write (result_df)
st.write("-"*50)
for node in VG.nodes:
    caption = node.properties.get("asset_title") or node.properties.get("tag_name") 
    node.caption  = str(caption)
with st.sidebar:
    height = st.slider("Height in pixels", 200, 2000, 500, 50)
    show_code = st.checkbox("Show code")
components.html(
        render_graph(VG, height=height).data,
    height=height,
)

if 'sql' not in st.session_state :
st.session_state.sql = "MATCH(t:Tag)-[r:asset_tagged]-> (a:Asset) t,r,a;"

#VG.render()
st.text(" Visualization: ")

st.text_input("Enter SQL:", value=st.session_state.sql, key="sql" ,on_change=show_graph)

Show the value right away

st.success ("Your Input is "+st.session_state.sql)

[mesutdemirel1919-commits]

I tried adding the same features using the python wrapper, but it doesn't allow for those kinds of changes.

[FlorentinD]

You are right, this is not possible at the moment.
We will look into how we can support this feature in the future and keep you updated.

[doyoungim999]

Hi,

THe graph needs to be dynamically showed by clicking a node for the user to have better understanding about the graph.
Is there any other alternative way to show more flexible llike Neo3J desktop node graph?

I do not mind javascript or java. However I cannot find the right repository in github.
Thank you!

[FlorentinD]

hey,
since the last release we also offer a render_widget version to allow for more interactiveness.
I think there should be a way to fetch relationships dynamically (at least for neo4j graphs).

i dont know when we will get to implementing this feature on our own though.
Its definitely a feature asked by several people.

You can give it a try if you like. Its a combination of python and typescript.
There is widget.py (code and the related type-script GraphWidget (code.
We built upon AnyWidget.

If you look a bit into anywidget, you might find a way.

[doyoungim999]

Thank you! I can try.
However as I understand render_widget is running on Jupyter.
I might publish this as a web on streamlit.

Becuase the graph information is provided to data user.
Can you tell me if I am wrong about my understanding render_widget ?