How to put the neo4jData instead of the neo4jDataUrl

Hi I am working with the visualization on eisman project. It is currently taking the data from a json file but I want to see if I can directly get the data from neo4j database which has real time data.
The following picture shows the end result.

Right now the code is pulling from json data file as mentioned above which is shown below.

There is also a function called Neo4jData which as per my understanding can get data(if provided) or get it directly from the database.

What I am trying to do is get the data directly from the neo4j database based on the query.

I have tried creating a app.js file which will use the bolt connection and graphql to connect, but it is not working and I am sure that I am doing it wrong, Is there a way to do it differently?
The following is the app.js file that I created.

Please Help!

What exactly isn't working? What kinds of errors are you getting?

Yes, You can use neo4jData instated neo4jDataUrl. Also you can use neo4jd3.updateWithNeo4jData(newdata); to update the existing graph. Posting you files from working example of my angular app. To get the expected data for neo4jd3.js from neo4j, you should use 'resultDataContents': ['graph'] while creating statement.
neo4jd3.component (3).txt (2.2 KB) neo4jd3.component.txt (42 Bytes)

Thank you so much for your help.