14:34 Adopt: Marzi - Visualizing Graphs

transcript

Visualizing your Graph Max De Marzi

Wednesday, October 31, 12

About Me

maxdemarzi.com

@maxdemarzi

maxdemarzi@gmail.com

maxdemarzi on skype

github.com/maxdemarzi

What to Visualize?

A Node

Decorated by sneaking a peak at its relationships

See a path, but focus on one node at a time

Node Properties

Sometimes size matters

Key Nodes

Highlight the most important nodes

Relationships

Relationships between members

Relationship Strength

Ribbon width based on strength of relationships

Connections over Time

Time is hard

Individual relationships important, but path is the message

Cliques

Identify groups and how tightly they connect internally

Clusters

Identify groups and how they connect to other groups

Subgraphs

Compare related parts of the graph

Graphs

Graphs in 3D

Multiple Graphs

Beyond the hairball

How to Visualize?

Photoshop for Graphs

http://gephi.org/Wednesday, October 31, 12

Sigma.js

Gephi on the web

http://sigmajs.org/Wednesday, October 31, 12

Processing

Software for visual art

http://processing.org/ http://max-planck-research-networks.net/

Processing.js

Processing on the web

http://www.flinklabs.com/projects/afl/aflflags.htmlhttp://processingjs.org/Wednesday, October 31, 12

Data Driven Documents

http://d3js.org/ http://mbostock.github.com/d3/ex/force.html

Cinder

Powerful toolbox for creative coding

http://planetary.bloom.io/libcinder.org

Tons more...

VVVVVVVV.jsGraphStreamVivaGraph.js

...and tons more

Why Visualize?

Knowledge

Capture knowledge from the graph

Understanding

Understand relations

Insight

See what you’ve been missing

Beauty

Delight in its aesthetic

h"p://burak-‐arikan.com

Integrating with Neo4j

See the technical details on maxdemarzi.com

Thank you!