Ways to represent relationship nodes in Neo4j using neovis.js

Hi,

I was finding it difficult to create a relationship using Neovis.js that i have integrated in my angular and nodejs project. So Michael Hunger asked me to use a query -

    MATCH (n) OPTIONAL MATCH (n)-[r]->(m) RETURN n,r,m LIMIT 100.

(Now this above query worked but only worked but it works for a certain limit. And for which i get an error and i have raised a new topic for it.)

So now following the guide above, i created a query -

MATCH (n) OPTIONAL MATCH (corebanking:Dept)-[r]->(m),(accountsummary:API)-[i]->(j) RETURN 
n,corebanking,accountsummary, r,m,i,j LIMIT 40

And the output here has an issue.

The output on my Neo4j desktop version is -

neovis-neo4j

And my output using Neovis.js code is-

Here there is a small error. The two blue colored nodes - Banking donot show any relationship. Whereas in the Desktop version / the picture that i showed first has a relationship.

Please help here.

It seems the relationships connecting the blue Banking nodes are not captured in your query to populate the neovis.js visualization because the LIMIT is excluding them from being returned. Note that these relationships show up in the Neo4j Browser for the same query because of the Brower's "connect result nodes" feature. If you go into Neo4j Browser settings and un-check "connect result nodes" I suspect you will see the same visualization as the one in neovis.js.

What you need to do is change the query so that all the data (nodes, relationships, paths, etc) you wish to visualize are explicitly returned by the Cypher query. What exactly are you trying to visualize? It's typically not best to try to visualize the entire graph with tools like neovis.js, only a subset.

If you want to visualize all relationships for a set of given set of nodes you could try using the limit on the nodes, and then matching on all their relationships. Like this:

// some query to identify the nodes you are interested in
MATCH (n) 
WITH n LIMIT 10

// get all relationships for these nodes
OPTIONAL MATCH (n)-[r]-(m)
RETURN n, r, m
1 Like

Thanks William,

I am getting the relationships as you said.

But can we get as clean, sharp and beautiful nodal graph that we get in our Neo4j browser/desptop version ..into Neovis.js output ?

Here the output graph is missing its nodal name inside and also doesn't look as good as those in Neo4j tool

1 Like