neo4j-labs / arrows.app

A graph drawing application
https://arrows.app
Apache License 2.0
109 stars 17 forks source link

Arrows blanks out while uploading .json file. #68

Open simoncharmms opened 2 years ago

simoncharmms commented 2 years ago

Hi there,

I am trying to upload a 2,6 MB .json file to arrows. The file includes the standard style-prefix, 21,758 nodes, no relations (so far). After clicking "Import", the app blanks out and shows a white-screen (see screenshot attached).

Preview of the file:

{"style": {"font-family": "sans-serif", "background-color": "#ffffff", "background-image": "", "background-size": "100%", "node-color": "#ffffff", "border-width": 4, "border-color": "#000000", "radius": 50, "node-padding": 5, "node-margin": 2, "outside-position": "auto", "node-icon-image": "", "node-background-image": "", "icon-position": "inside", "icon-size": 64, "caption-position": "inside", "caption-max-width": 200, "caption-color": "#000000", "caption-font-size": 50, "caption-font-weight": "normal", "label-position": "inside", "label-display": "pill", "label-color": "#000000", "label-background-color": "#ffffff", "label-border-color": "#000000", "label-border-width": 4, "label-font-size": 40, "label-padding": 5, "label-margin": 4, "directionality": "directed", "detail-position": "inline", "detail-orientation": "parallel", "arrow-width": 5, "arrow-color": "#000000", "margin-start": 5, "margin-end": 5, "margin-peer": 20, "attachment-start": "normal", "attachment-end": "normal", "relationship-icon-image": "", "type-color": "#000000", "type-background-color": "#ffffff", "type-border-color": "#000000", "type-border-width": 0, "type-font-size": 16, "type-padding": 5, "property-position": "outside", "property-alignment": "colon", "property-color": "#000000", "property-font-size": 16, "property-font-weight": "normal"}, "nodes": [{"id": "n0", "position": {"x": 0, "y": 1}, "caption": "LRP 2022-2033 (STATUS 31.03.21 - PUBLISHED 05.07.21)", "labels": {}, "properties": {}, "style": {}}, {"id": "n1", "position": {"x": 1, "y": 2}, "caption": "SMP 2031", "labels": {}, "properties": {}, "style": {}}, ... ],"relationships": []}

If I am not mistaken, wrong format or exceeding stack should trigger an error. Since no errors are printed here, I would be glad if you could give me a hint on how to solve the issue.

I tried to import using Safari and Google Chrome, without success.

Thanks in advance!

Best Simon

Screenshot 2022-09-08 at 11 12 17
akollegger commented 1 year ago

Hi @simoncharmms ,

This feels like a bug in Arrows handling of large imports. I've labeled it as such and will investigage further once we've transitioned past our current chore of updating the codebase.

Best, ABK