spoon-neo4j icon indicating copy to clipboard operation
spoon-neo4j copied to clipboard

Augment Neo4j Browser with Zoom, DataTable and Charts

== 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)