No relationships are shown with NeoVis #367

darylfung96 · 2023-10-17T20:15:41Z

Expected Behavior (Mandatory)

Should have all the nodes connected with edges.

Actual Behavior (Mandatory)

Only one node is connected with another node.

How to Reproduce the Problem

 var config = {
                containerId: "viz",
                neo4j: {
                    serverUrl: "neo4j://<db>.databases.neo4j.io",
                    serverUser: "neo4j",
                    serverPassword: "password",
                    driverConfig: { 
                    encrypted: "ENCRYPTION_ON",
                    trust: "TRUST_SYSTEM_CA_SIGNED_CERTIFICATES"
                }				
                },
                visConfig: {
                            nodes: {
                                    shape: 'circle',
                                    // size: 20,
                                    font: {
                                        face: 'arial',
                                        size: 12, 
                                        strokeWidth: 0,

                                    },
                                    widthConstraint: 96,
                                    shadow: true,
                                },
                            edges: {
                                hoverWidth: 0,
                                selectionWidth: 0,
                                smooth: {
                                    type: 'continuous',
                                    roundness: 0.15
                                },
                                font: {
                                    size: 9,
                                    strokeWidth: 0,
                                    align: 'top'
                                },
                                color: {
                                    inherit: false
                                },
                                arrows: {
                                    to: {
                                        enabled: true,
                                        type: 'arrow',
                                        scaleFactor: 0.5
                                    }
                                }
                            }
            },
                labels: {
                    Site: {
                        label: "Site Name",
                        [NeoVis.NEOVIS_ADVANCED_CONFIG]: {
							static: {
                                size: 250,
							},
                            cypher: {
                                value: "MATCH (n) RETURN (n)"
                            },
                            
                            function: {
                                title: function(node) {

                                    // split every 10th letter with new line
                                    var nameArray = node.properties['Site Name'].split(' ')
                                    var siteName = '';
                                    spaceCounter = 0
                                    for (const name of nameArray) {
                                        siteName += name + ' ';
                                        spaceCounter += name.length;
                                        if (spaceCounter > 10) {
                                            siteName += '\n'
                                            spaceCounter = 0;
                                        }
                                    }

                                    node.properties['Site Name'] = siteName;

                                    return node;
                                }
                            }
						}
                    },
                    Dataset: {
                        label: "Dataset Name"
                    }
                },
                relationships: {
                    CONTAINS: {
                        label: true,
                        value: 'weight',
                        [NeoVis.NEOVIS_ADVANCED_CONFIG]: {
                            function: {
								title: function(edge) {
                                    console.log(edge);
                                }
							}
                        }
                    }
                },
                initialCypher: cypherValue
            }

            var viz = new NeoVis.default(config);
            viz.render();

Screenshots (where it's possibile)

Specifications (Mandatory)

Currently used versions

Versions

OS: Windows
Library: JavaScript Web
Neo4j: version 5

thebestnom · 2023-10-17T20:33:23Z

Are you checking that your cypher returns the relationships? Neo4j desktop auto adds relationships even if the cypher doesn't returns it

darylfung96 · 2023-10-18T12:49:04Z

Are you checking that your cypher returns the relationships? Neo4j desktop auto adds relationships even if the cypher doesn't returns it

Yes I have checked and it is returning relationships using the cypher
MATCH (s:Site)-[r:CONTAINS]->(d:Dataset) RETURN s, r, d limit 3;

The results are:

[
  {
    "keys": [
      "s",
      "r",
      "d"
    ],
    "length": 3,
    "_fields": [
      {
        "identity": {
          "low": 0,
          "high": 0
        },
        "labels": [
          "Site"
        ],
        "properties": {
          "Site ID": "1",
          "Site Name": "Alberta SPOR SUPPORT Unit"
        },
        "elementId": "4:d1ea92e8-91b6-4bd0-a06b-8cb94c9d20a5:0"
      },
      {
        "identity": {
          "low": 0,
          "high": 268435456
        },
        "start": {
          "low": 0,
          "high": 0
        },
        "end": {
          "low": 10,
          "high": 0
        },
        "type": "CONTAINS",
        "properties": {},
        "elementId": "5:d1ea92e8-91b6-4bd0-a06b-8cb94c9d20a5:1152921504606846976",
        "startNodeElementId": "4:d1ea92e8-91b6-4bd0-a06b-8cb94c9d20a5:0",
        "endNodeElementId": "4:d1ea92e8-91b6-4bd0-a06b-8cb94c9d20a5:10"
      },
      {
        "identity": {
          "low": 10,
          "high": 0
        },
        "labels": [
          "Dataset"
        ],
        "properties": {
          "Dataset Name": "Admission Discharge Transfer (ADT)",
          "Dataset ID": "1"
        },
        "elementId": "4:d1ea92e8-91b6-4bd0-a06b-8cb94c9d20a5:10"
      }
    ],
    "_fieldLookup": {
      "s": 0,
      "r": 1,
      "d": 2
    }
  },
  {
    "keys": [
      "s",
      "r",
      "d"
    ],
    "length": 3,
    "_fields": [
      {
        "identity": {
          "low": 0,
          "high": 0
        },
        "labels": [
          "Site"
        ],
        "properties": {
          "Site ID": "1",
          "Site Name": "Alberta SPOR SUPPORT Unit"
        },
        "elementId": "4:d1ea92e8-91b6-4bd0-a06b-8cb94c9d20a5:0"
      },
      {
        "identity": {
          "low": 0,
          "high": 268959744
        },
        "start": {
          "low": 0,
          "high": 0
        },
        "end": {
          "low": 12,
          "high": 0
        },
        "type": "CONTAINS",
        "properties": {},
        "elementId": "5:d1ea92e8-91b6-4bd0-a06b-8cb94c9d20a5:1155173304420532224",
        "startNodeElementId": "4:d1ea92e8-91b6-4bd0-a06b-8cb94c9d20a5:0",
        "endNodeElementId": "4:d1ea92e8-91b6-4bd0-a06b-8cb94c9d20a5:12"
      },
      {
        "identity": {
          "low": 12,
          "high": 0
        },
        "labels": [
          "Dataset"
        ],
        "properties": {
          "Dataset Name": "Alberta Ambulatory Care Reporting System (AACRS)",
          "Dataset ID": "3"
        },
        "elementId": "4:d1ea92e8-91b6-4bd0-a06b-8cb94c9d20a5:12"
      }
    ],
    "_fieldLookup": {
      "s": 0,
      "r": 1,
      "d": 2
    }
  },
  {
    "keys": [
      "s",
      "r",
      "d"
    ],
    "length": 3,
    "_fields": [
      {
        "identity": {
          "low": 0,
          "high": 0
        },
        "labels": [
          "Site"
        ],
        "properties": {
          "Site ID": "1",
          "Site Name": "Alberta SPOR SUPPORT Unit"
        },
        "elementId": "4:d1ea92e8-91b6-4bd0-a06b-8cb94c9d20a5:0"
      },
      {
        "identity": {
          "low": 0,
          "high": 269484032
        },
        "start": {
          "low": 0,
          "high": 0
        },
        "end": {
          "low": 13,
          "high": 0
        },
        "type": "CONTAINS",
        "properties": {},
        "elementId": "5:d1ea92e8-91b6-4bd0-a06b-8cb94c9d20a5:1157425104234217472",
        "startNodeElementId": "4:d1ea92e8-91b6-4bd0-a06b-8cb94c9d20a5:0",
        "endNodeElementId": "4:d1ea92e8-91b6-4bd0-a06b-8cb94c9d20a5:13"
      },
      {
        "identity": {
          "low": 13,
          "high": 0
        },
        "labels": [
          "Dataset"
        ],
        "properties": {
          "Dataset Name": "Alberta Cancer Registry",
          "Dataset ID": "4"
        },
        "elementId": "4:d1ea92e8-91b6-4bd0-a06b-8cb94c9d20a5:13"
      }
    ],
    "_fieldLookup": {
      "s": 0,
      "r": 1,
      "d": 2
    }
  }
]

darylfung96 · 2023-10-19T16:01:43Z

After looking into it, I realised the reason why my graph is only showing one edge is because in https://github.com/neo4j-contrib/neovis.js/blob/master/src/neovis.ts#L640

const edge = await this.#buildEdgeVisObject(v);
this.#data.edges.update(edge);

All the edge returned has the id: Infinity, and this causes the graph to only render one edge. I am not sure if this happens for others

thebestnom · 2023-10-19T16:17:56Z

How... Are your ids are infinity??

darylfung96 · 2023-10-19T16:41:51Z

I am not sure why it is infinity. I don't have id declared on relationships and I don't think we need to provide ids to relationships? My nodes do have ids.

I attached a screenshot, as you can see the record contains the nodes and the relationships and the relationship id is Infinity which is very odd.

thebestnom · 2023-10-19T17:22:00Z

Those ids should be generated bt neo4j, I don't think you can even disable it

thebestnom · 2023-10-19T17:22:53Z

Maybe mismatch of neo4j and js neo4j driver?

darylfung96 · 2023-10-23T15:23:23Z

I am using neovis 2.1.0 and I am connecting directly to neo4j, maybe that could be the reason?
I am just assigning incremental id as as quick fix for the edges.

oibafs · 2023-11-16T17:43:17Z

Hi @darylfung96,

I'm facing exactly the same problem. How did you manage to reassign the edge ids?

darylfung96 · 2023-11-16T18:56:37Z

Hi @darylfung96,

I'm facing exactly the same problem. How did you manage to reassign the edge ids?

@oibafs Hello Fabio, I added the length of the edge as the id to fix it. You can see the forked repo https://github.com/darylfung96/neovis.js

at line
https://github.com/darylfung96/neovis.js/blob/master/src/neovis.ts#L650

rabalasubramani3 · 2023-12-18T13:54:07Z

Is there an update to it? Will this problem go away, if I downgrade to an earlier version. If so which version should I download to?

thebestnom · 2023-12-18T13:56:20Z

I didn't had time to investigate, but it's a problem on neo4j side (though probably intended) need to check for a better id generation for the relationships

thebestnom · 2023-12-18T13:57:23Z

Maybe by doing that the id is <from>_<to>

rabalasubramani3 · 2023-12-18T14:01:28Z

@thebestnom Not clear what you mean by _. How about the solution @darylfung96 proposed? Displaying one edge doesn't look well for rendering the graph. Is there an alternate solution? Or any hacks I could do to get this going.

thebestnom · 2023-12-18T14:04:34Z

Ohhhh I read everything wrong, I fully understand the bug now my bad, I accidentally did toNumber on nimbers that are too big, for some reason I thought the bug was relationships without ids and I just misread, should be an easy fix, hope it will happen thus week

rabalasubramani3 · 2023-12-18T14:09:09Z

Thank you. Is it possible to push a fix sooner? I am pulling together a demo early this week and without the fix, it will be hard to make a good impression. :-)

thebestnom · 2023-12-18T14:11:19Z

Ill try my best, though if you have the time trying to fix it yourself would be way faster, it should be 2 line fixes, and I don't have a lot of time due to having work and a baby 😅

thebestnom · 2023-12-18T14:16:48Z

That's weird, it looks like I do try to handle this case, probably the driver decides to auto int it for some reason?
This is data that comes from the server or straight from the neo4j?

NeoZ666 · 2024-01-02T10:44:27Z

@darylfung96 So, this error persists for me as well when I used AuraDB Free version. I believe the data transfer isn't being done properly. However, I do get the expected resulted when I use Neo4j Desktop version.

In some other issue, it was also mentioned that Neovis works better with bolt:// schema than neo4j+s:// schema which might also be the reason. Use the same database on Neo4j desktop, remote/local connection and this shouldn't give any problems.

thebestnom · 2024-01-02T10:46:47Z

I wish I had time to look at it, somthing about the driver just works wrong, it doesn't comes as Neo4j Int, for some reason it's number which is broken for those ids as they are big number

Sriram-84 · 2024-04-03T06:40:46Z

@thebestnom, has this issue got resolved. I am encountering the similar problem. The size of relationship ID generated seems to in the order of 263 (Neo4j Aura). I suppose max integer size of JS seems to be 253. Due to this I guess the relationship ID match is not happening and links/relationship between nodes are not shown correctly.
Example: in Neo4J Aura is generated as follows "1155173304420550670".

Liuz233 · 2024-10-03T15:15:05Z

Hi @darylfung96,
I'm facing exactly the same problem. How did you manage to reassign the edge ids?

@oibafs Hello Fabio, I added the length of the edge as the id to fix it. You can see the forked repo https://github.com/darylfung96/neovis.js

at line https://github.com/darylfung96/neovis.js/blob/master/src/neovis.ts#L650

How to use the fix？ I only quote. /static/neovis.js file<script type="text/javascript" src="../static/neovis.js"></script>

darylfung96 · 2024-10-07T13:06:18Z

https://github.com/darylfung96/neovis.js

Try importing "dist/neovis.js" in the forked repo instead of "../static/neovis/js"

thebestnom · 2024-10-07T13:08:17Z

Hii @darylfung96 want to open a PR with that?

darylfung96 · 2024-10-07T15:03:43Z

Hii @darylfung96 want to open a PR with that?

For sure, #389

Liuz233 · 2024-10-07T15:59:51Z

I tried this repo in AuraDB and it still fails due to infinity id. However, I try to use my local neo4j and it works with no infinity id.

workerOn9 · 2024-10-10T03:25:16Z

https://github.com/darylfung96/neovis.js

Try importing "dist/neovis.js" in the forked repo instead of "../static/neovis/js"

hi, when i try to build your code, i got this

...neovis.ts: Private name #dataInfo is not defined. (628:7)

626 |
627 | const dataInfoLength = this.#dataInfo.length;

628 | this.#dataInfo.push(record);
| ^
629 |
630 | const dataPromises = record.map(async (v: object) => {
631 | this.#consoleLog('Constructor:');

missing dataInfo? what it use for?

darylfung96 · 2024-10-10T14:02:19Z

https://github.com/darylfung96/neovis.js

Try importing "dist/neovis.js" in the forked repo instead of "../static/neovis/js"

hi, when i try to build your code, i got this

...neovis.ts: Private name #dataInfo is not defined. (628:7)

626 | 627 | const dataInfoLength = this.#dataInfo.length;

628 | this.#dataInfo.push(record);
| ^
629 |
630 | const dataPromises = record.map(async (v: object) => {
631 | this.#consoleLog('Constructor:');

missing dataInfo? what it use for?

I missed declaring that. The code has been updated. When I was using neovis, I needed to get the record information, dataInfo were used to store the information to tinker it further at the other end.

darylfung96 mentioned this issue Oct 7, 2024

fix infinity id for edges #389

Closed

prsfreal mentioned this issue Oct 7, 2024

fail to connect to Neo4j AuraDB #388

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

No relationships are shown with NeoVis #367

No relationships are shown with NeoVis #367

darylfung96 commented Oct 17, 2023 •

edited by thebestnom

Loading

thebestnom commented Oct 17, 2023

darylfung96 commented Oct 18, 2023 •

edited by thebestnom

Loading

darylfung96 commented Oct 19, 2023 •

edited

Loading

thebestnom commented Oct 19, 2023

darylfung96 commented Oct 19, 2023

thebestnom commented Oct 19, 2023

thebestnom commented Oct 19, 2023

darylfung96 commented Oct 23, 2023 •

edited

Loading

oibafs commented Nov 16, 2023

darylfung96 commented Nov 16, 2023 •

edited

Loading

rabalasubramani3 commented Dec 18, 2023

thebestnom commented Dec 18, 2023

thebestnom commented Dec 18, 2023

rabalasubramani3 commented Dec 18, 2023

thebestnom commented Dec 18, 2023

rabalasubramani3 commented Dec 18, 2023

thebestnom commented Dec 18, 2023

thebestnom commented Dec 18, 2023

NeoZ666 commented Jan 2, 2024

thebestnom commented Jan 2, 2024

Sriram-84 commented Apr 3, 2024

Liuz233 commented Oct 3, 2024

darylfung96 commented Oct 7, 2024

thebestnom commented Oct 7, 2024

darylfung96 commented Oct 7, 2024

Liuz233 commented Oct 7, 2024

workerOn9 commented Oct 10, 2024

darylfung96 commented Oct 10, 2024

No relationships are shown with NeoVis #367

No relationships are shown with NeoVis #367

Comments

darylfung96 commented Oct 17, 2023 • edited by thebestnom Loading

Expected Behavior (Mandatory)

Actual Behavior (Mandatory)

How to Reproduce the Problem

Screenshots (where it's possibile)

Specifications (Mandatory)

Versions

thebestnom commented Oct 17, 2023

darylfung96 commented Oct 18, 2023 • edited by thebestnom Loading

darylfung96 commented Oct 19, 2023 • edited Loading

thebestnom commented Oct 19, 2023

darylfung96 commented Oct 19, 2023

thebestnom commented Oct 19, 2023

thebestnom commented Oct 19, 2023

darylfung96 commented Oct 23, 2023 • edited Loading

oibafs commented Nov 16, 2023

darylfung96 commented Nov 16, 2023 • edited Loading

rabalasubramani3 commented Dec 18, 2023

thebestnom commented Dec 18, 2023

thebestnom commented Dec 18, 2023

rabalasubramani3 commented Dec 18, 2023

thebestnom commented Dec 18, 2023

rabalasubramani3 commented Dec 18, 2023

thebestnom commented Dec 18, 2023

thebestnom commented Dec 18, 2023

NeoZ666 commented Jan 2, 2024

thebestnom commented Jan 2, 2024

Sriram-84 commented Apr 3, 2024

Liuz233 commented Oct 3, 2024

darylfung96 commented Oct 7, 2024

thebestnom commented Oct 7, 2024

darylfung96 commented Oct 7, 2024

Liuz233 commented Oct 7, 2024

workerOn9 commented Oct 10, 2024

darylfung96 commented Oct 10, 2024

darylfung96 commented Oct 17, 2023 •

edited by thebestnom

Loading

darylfung96 commented Oct 18, 2023 •

edited by thebestnom

Loading

darylfung96 commented Oct 19, 2023 •

edited

Loading

darylfung96 commented Oct 23, 2023 •

edited

Loading

darylfung96 commented Nov 16, 2023 •

edited

Loading