Get Started What is a GraphDB? GraphDB vs RDBMS GraphDB vs NOSQL Language Drivers Cypher Cypher Basics Build a Recommendation Engine Cypher Refcard Data Modeling Graph Data Modeling Guidelines Working with Data Neo4j Browser Visualization Importing Data into Neo4j Graph… Learn More »

Goals
This article reviews the different tools available for visualizing graph-based data.
Prerequisites
You should have familiarized yourself with Graph Databases and the Property Graph Model.
Beginner

Overview


Graph visualisations are a powerful tool to convey the content of a graph. They can highlight patterns, show clusters and connections. There are many excellent options for graph visualization, such as the D3.js, three.js and sigma.js. In all cases, the visualizer request JSON data for all or a part of the graph data then dynamically creates an in-memory JavaScript visualization on the client side.

A few of the more popular graph-visualization methods are discussed below.

The Neo4j Browser

The default Neo4j Server has a powerful, customizable data visualization tool based on the built-in D3.js library. In the following video, we demonstrate how to style nodes and relationships in the Neo4j’s Browser visualization, and how to set colors, sizes, and titles. We then discuss the Graph-Style-Sheet (GRASS) and how you can download, update, and reset the styling information.

SVG-Based Graph Interaction

seening_pattern_in_data

In this talk, Alistair Jones builds a very powerful graph web editing tool based on SVG, suited for easy integration into modern HTML frameworks.

Keylines Neo4j Graph Visualization

KeyLinesNeo4j

KeyLines is an out-of-the-box JavaScript solution for visualizing networks. It works in all major browsers and all platforms, including the iPad.

KeyLines integrates into existing web applications easily and with very little effort. How and where you get the data is up to you. KeyLines does the job of rendering it and responding to user interactions like clicking, touching, moving nodes, and more. You bind to these events to customize what happens, and, most importantly, your data stays under your control at all times: KeyLines is self-contained and needs no external connections.

Tom Sawyer Perspectives

Tom Sawyer Perspectives 6.0 offers Cypher support for Neo4j graph databases and connects them to the broad visualization capabilities of the tool. Tom Sawyer Perspectives is integrated with the latest Neo4j version for easy visualization of complex results.