https://github.com/jexp/spoon-neo4j

Augment Neo4j Browser with Zoom, DataTable and Charts
https://github.com/jexp/spoon-neo4j

bookmarklet graph-database neo4j neo4j-browser utility

Last synced: 3 months ago
JSON representation

Augment Neo4j Browser with Zoom, DataTable and Charts

• Host: GitHub
• URL: https://github.com/jexp/spoon-neo4j
• Owner: jexp
• Created: 2017-02-13T00:37:33.000Z (over 7 years ago)
• Default Branch: browser-3x
• Last Pushed: 2019-02-12T10:29:56.000Z (over 5 years ago)
• Last Synced: 2024-01-16T10:11:48.748Z (5 months ago)
• Topics: bookmarklet, graph-database, neo4j, neo4j-browser, utility
• Language: HTML
• Homepage:
• Size: 300 KB
• Stars: 43
• Watchers: 15
• Forks: 9
• Open Issues: 5
• Metadata Files:
  • Readme: readme.adoc

Lists

• awesome - spoon-neo4j - Augment Neo4j Browser with Zoom, DataTable and Charts (HTML)
• awesome-stars - spoon-neo4j
• awesome-starred - jexp/spoon-neo4j - Augment Neo4j Browser with Zoom, DataTable and Charts (others)

README

        
== Spoon - A small helper script to add some niceties to Neo4j Browser

:img: docs/img

:bm: javascript:var h=document.getElementsByTagName('html')[0];var s=document.createElement('script');s.setAttribute('src','https://code.jquery.com/jquery-3.3.1.min.js');h.appendChild(s);setTimeout(function() {var s=document.createElement('script');s.setAttribute('src','https://rawgit.com/jexp/spoon-neo4j/browser-3x/spoon.js');h.appendChild(s);},1000);

[quote, Spoon Boy to Neo, The Matrix] 

There is no spoon.

image::https://i.ytimg.com/vi/uAXtO5dMqEI/hqdefault.jpg[link=https://www.youtube.com/embed/uAXtO5dMqEI]

=== Add Bookmarklet

Adds these features to Neo4j Browser

* DataTable (search, sort, paginage)

* Zoom for graphs and query plans (Hold Alt- and drag / pan)

* Charts (Currently Line-Charts)

Just drag this link *pass:attributes[Spoon]* to your bookmarks toolbar.

[source,javascript,subs=attributes]

----

{bm}

----

////

Or grab a concrete version, by clicking the Raw button on the tagged version of the javascript and using that URL.

[source,javascript]

----

javascript:$.getScript('https://cdn.rawgit.com/jexp/spoon-neo4j/0.1/spoon.js');

----

////

.Example query for datatable and chart

[source,cypher]

----

match (n:Movie)<--(p:Person) 

WITH n.title as title, n.released as released,toInt(avg(p.born)) as castBorn

RETURN title, released, castBorn, released - castBorn as age

----

=== Screenshots

image::{img}/spoon-datatable.jpg[]

image::{img}/spoon-charts.jpg[]

image:{img}/spoon-zoom.jpg[]

image:{img}/spoon-zoom-plan.jpg[width=400]

=== Credits

Uses these libraries

* jquery-datatable: https://datatables.net/

* c3.js Charts with D3: http://c3js.org

* PanZoom (SVG Zoom Library): http://github.com/anvaka/panzoom

NOTE: Please support these projects

=== IDEAS

* √ More chart types (pie, bar)

* MapBox for Geo

* Hide Property Keys

* Add Table editor support and generate cypher statements from it (https://editor.datatables.net/)

* Extend radial menu for nodes

* Add Multi-Select for nodes and rels

* Node Icons from property and inline table URL and Picture rendering

* Use clicks on Meta-Model or Data for cypher "pattern by example"

* Add support for http://www.apcjones.com/arrows/[arrows] inline

* Cypher to graph / graph to cypher (like in arrows)