adadgio / neo4j-js-ng2 Goto Github PK
View Code? Open in Web Editor NEWA Neo4j graph UI editor that's got solid typescript in it.
Home Page: https://github.com/adadgio/neo4j-js-ng2
A Neo4j graph UI editor that's got solid typescript in it.
Home Page: https://github.com/adadgio/neo4j-js-ng2
Currently the graph visualisation of the query responses aggregates those and will continue to do so with every subsequent query. It may be desirable to clear the view manually, or with the next request, to gain new perspectives.
Reloading the page is another workaround.
In some cases it is desirable to delete dangling nodes from the graph.
A general user could expect to find this option either in edit mode, or through understanding the Create mode as an edit toggle, in which also deletion would be allowed.
ran npm start
> ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
29% building modules 166/195 modules 29 active ...es/rxjs/_esm5/operators/catchError.jswebpack: wait until bundle finished: /
Date: 2017-12-05T00:30:15.712Z
Hash: 4abc9cef81930038d1f0
Time: 16602ms
chunk {inline} inline.bundle.js, inline.bundle.js.map (inline) 5.83 kB [entry] [rendered]
chunk {main} main.bundle.js, main.bundle.js.map (main) 263 kB {vendor} [initial] [rendered]
chunk {polyfills} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 199 kB {inline} [initial] [rendered]
chunk {styles} styles.bundle.js, styles.bundle.js.map (styles) 30.3 kB {inline} [initial] [rendered]
chunk {vendor} vendor.bundle.js, vendor.bundle.js.map (vendor) 4.82 MB [initial] [rendered]
webpack: Compiled successfully.
Any chance you can dockerize this app?
I got the front end of the application to build and it appears to run in the bowser. But it doesnt seem to connect to the Neo4j instance running. (Top righthand corner says Neo4J OFFLINE in red)
The neo4j.setting.json file in the client section has the following included in it (I've replaced my actual password with MyPassword for the purposes of this posting)
"authBasic": "Basic: neo4j:MyPassword"
I have also tried it set as follows
"authBasic": "Basic: neo4j:MyPassword"
Neither seems to work.
I am able to connect tot the DB with those credentials in other apps using the BOLT interface. So I know the crednetials I have work.
Any suggestions?
Thanks,
Abie
In Neo4j browser we do it with:
per node, if it has a property that case-insensitive equals: name, title, label
or ends with name, title,label
In that order then we use it as caption.
It would also be nice to be able to style nodes visually like in Neo4j Browser.
After creating two relationships - same parameters, different rel types
The UI displays all 4 parameters for one but only 1 parameter for the other. In Neo4j browser, the relationships look correct.
reltype breaks <id>:960 au: 2 hk: 2 impact: 100 sg: 2
reltype seizes <id>:939 au: 1 hk: 5 impact: 80 sg: 5
As a precursor to #5 one could prepare a more flexible visualisation environment, by refactoring the UI settings from
neo4j-js-ng2/src/assets/neo4j.settings.json.dist
Lines 6 to 30 in da3eda1
into the frontend for live editing of the desired presets, without having to rebuild the application. These settings represent hard coded assumptions about the expected schema of the database, and may therefore be configured by the end user.
Presets could be stored in LocalStorage, and eventually im- and exported as JSON.
Basically, just an SPA that's served within Neo4j-Desktop.
see: https://github.com/neo4j-apps
and https://github.com/neo4j-apps/graph-app-starter
When trying to run the example query
MATCH (n) RETURN n, LABELS(n), ID(n)
via the (admittedly hidden) Cypher query mode, the response successfully contains all expected nodes, but is not drawn. The browser console does also not reveal an error message, why this may have failed.
Dragging doesn't work, it drags the whole node.
I am facing many bugs with a simple reproduction of the application. Here is a list of the main bugs:
:Knowledge name="Bases" +1
generates the following cypher query in the logs (which is not valid): "MATCH (a:Knowledge) WHERE a.name='Bases'-[r]->(b) RETURN a, b, r, ID(a), ID(b), TYPE(r), LABELS(a), LABELS(b) LIMIT 1\"
.Any thoughts on why those errors are happening? Is there a restriction for the neo4j version used? I am using neo4j-3.5.0
in graph.component.ts , which function for me to write code drag group pls ty
p.s:Sorry about In terms of my grammar
You can get call db.labels, db.relationshipTypes
and db.propertyKeys
as well as db.schema
to get the information.
after installing ng cli and running npm i - I then ran ng build and got a massive error.
Essentially saying Cannot find module 'node-sass'
Probably need to add that as a dependency? or mention in the prereq documentation
npm install node-sass@latest
Only a blank dark grey page is rendered, and I see the following browser errors. Any ideas?
I don' think it's my neo4j.settings.json, because I got the older javascript-based project to connect.
core.es5.js:1020 ERROR Error: Uncaught (in promise): Error: SyntaxError: Unexpected token a in JSON at position 26
Error: SyntaxError: Unexpected token a in JSON at position 26
at bootstrap.ts:28:27
at webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:392:1)
at Object.onInvoke (core.es5.js:3890:1)
at webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:391:1)
at webpackJsonp.../../../../zone.js/dist/zone.js.Zone.run (zone.js:142:1)
at zone.js:873:1
at webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:425:1)
at Object.onInvokeTask (core.es5.js:3881:1)
at webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:424:1)
at webpackJsonp.../../../../zone.js/dist/zone.js.Zone.runTask (zone.js:192:1)
at resolvePromise (zone.js:824:1)
at zone.js:876:1
at webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:425:1)
at Object.onInvokeTask (core.es5.js:3881:1)
at webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:424:1)
at webpackJsonp.../../../../zone.js/dist/zone.js.Zone.runTask (zone.js:192:1)
at drainMicroTaskQueue (zone.js:602:1)
at webpackJsonp.../../../../zone.js/dist/zone.js.ZoneTask.invokeTask [as invoke] (zone.js:503:1)
at invokeTask (zone.js:1540:1)
at XMLHttpRequest.globalZoneAwareCallback (zone.js:1566:1)
But leave it for users who are familiar and comfortable with Cypher and also for more advanced queries.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.