Neo4j REST example

Graph Gist

This example renders a small Cypher query result as an interactive force-directed graph. It uses d3.forceSimulation to position nodes and links, displaying person and database entities with their LIKE relationships from the Neo4j sample data. The graph draws SVG circles and connecting lines, with labels for each node, and updates positions through the simulation's tick events.

75% match

Graph Gist

This example demonstrates a simple graph visualization of two people and their database preferences. It shows nodes for "You" and "They," each linked via a `LIKE` relationship to database nodes representing Neo4j and eXistDB. The data comes from a Cypher query that creates the graph structure, and the visualization renders it using the D3.js library with a force-directed layout. Specifically, `d3.forceSimulation` drives node positioning, while SVG elements for circles and lines represent entities and relationships. The graph is rendered as an interactive network, highlighting the connections between the person nodes and their chosen database technologies.

71% match

Graph Gist

This example shows a small graph of people and their database preferences, capturing two `Person` nodes connected by `LIKE` relationships to database nodes labeled `Database`, `NoSql`, and `Graph`. The visualization renders this graph data using D3.js, likely with a force-directed layout (`d3.forceSimulation`) to position nodes and links, and possibly `d3.geoPath` or standard SVG/CSS for shapes and labels. The source code, authored by CliffordAnderson and stored as a Gist, explicitly creates the nodes and relationships with Cypher, returning them for immediate display. The result emphasizes how graph structures and their labels can be directly mapped from query output to interactive visual elements.

68% match

A learning exercise for Neo4j

This example shows a simple Neo4j graph of Roosevelt family genealogy, built for a classroom exercise. The graph models people as labeled nodes and relationships like marriages and births, using Cypher’s CREATE clauses to define the data. Students are prompted to expand the family tree and query it with MATCH statements to retrieve person names. The visualization relies on Neo4j’s native browser rendering and Cypher query results, with the initial dataset derived from the Roosevelt family Wikipedia page.

63% match

Gist 7f84369bd0c0b467d6b0

This visualization uses a force-directed graph layout implemented with D3’s `d3.forceSimulation` to position nodes connected by links, representing a network of relationships from an underlying dataset. The scene renders on an HTML5 Canvas, with the simulation’s tick events redrawing the nodes as colored circles and the edges as lines. A zoom interaction is added via `d3.zoom`, applying a transform to the canvas context to allow panning and scaling of the graph. The example demonstrates a typical static network diagram without additional interactivity beyond zoom and drag, relying on the force simulation to settle the layout.

MMbrownshoes

Simple HTTP PUT examples for GrapheneDB

This example demonstrates how to query and return named nodes from a Neo4j graph database via HTTP, using simple `POST` requests to GrapheneDB’s Cypher endpoint. It shows both a basic match-all query and a parameterized query that filters by a specific name value. The code relies on the command-line HTTP client `http` with authentication flags, sending queries as form-encoded data to the `/db/data/cypher` endpoint, with parameters passed as a JSON string. The visualization highlights the raw request-response interaction rather than rendering graphical output, focusing on the API’s syntax for executing Cypher queries remotely.

Neovis.js Simple Example

This example visualizes the shortest path between two Berlin subway stations in a Neo4j graph database. It renders a force-directed network graph using Neovis.js, built on vis.js, showing station nodes sized by PageRank and colored by community, with line relationships thickened by weight. A Cypher query defines the path, and users can submit new queries or stabilize the layout. The code uses NeoVis.default, viz.render(), renderWithCypher(), and stabilize() to interact with the bolt:// server.

Gist adbe358483e7e878175e

This example visualizes a network of places connected by paths, with each link representing a reciprocal route and its distance. The visualization shows the graph structure using a force-directed layout, where nodes are positioned based on their connections. The code loads relational data from a CSV file using Cypher’s `LOAD CSV`, then merges bidirectional `Path` relationships between `Place` nodes. The rendering relies on the Neo4j graph model and likely uses D3.js’s `forceSimulation` to compute node positions and link distances, though the snippet focuses on data ingestion via Cypher rather than the display layer. The graph reveals clusters of tightly interconnected locations based on the distance metadata.