Visualizing your Graph Max De Marzi

Friday, February 8, 13

About Me

maxdemarzi.com

@maxdemarzi

maxdemarzi@gmail.com

maxdemarzi on skype

github.com/maxdemarzi

Friday, February 8, 13

What to Visualize?

Friday, February 8, 13

A Node

Decorated by sneaking a peak at its relationships

Friday, February 8, 13

Nodes

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

Friday, February 8, 13

Key Nodes

Highlight themost important nodes

Friday, February 8, 13

Node Properties

Sometimes size matters

Friday, February 8, 13

Relationships

Relationships between members

Friday, February 8, 13

Relationship Strength

Ribbon width based on strength of relationships

Friday, February 8, 13

Connections over Time

Time is hard in a still picture

Friday, February 8, 13

Paths

Individual relationships important, but path is the message

Friday, February 8, 13

Cliques

Identify groups and how tightly they connect internally

Friday, February 8, 13

Clusters

Identify groups and how they connect to other groups

Friday, February 8, 13

Subgraphs

Compare related parts of the graph

Friday, February 8, 13

Graphs

Graphs in 3D

Friday, February 8, 13

Multiple Graphs

Beyond the hairball

Friday, February 8, 13

How to Visualize?

Friday, February 8, 13

Gephi

Photoshop for Graphs

http://gephi.org/Friday, February 8, 13

Sigma.js

Gephi on the web

http://sigmajs.org/Friday, February 8, 13

Linkurio.us

http://linkurio.usFriday, February 8, 13

Processing

Software for visual art

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

Friday, February 8, 13

Processing.js

Processing on the web

http://www.flinklabs.com/projects/afl/aflflags.htmlhttp://processingjs.org/Friday, February 8, 13

D3.js

Data Driven Documents

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

Friday, February 8, 13

Cinder

Powerful toolbox for creative coding

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

Friday, February 8, 13

VivaGraph.js

https://github.com/anvaka/VivaGraphJS

Graphs in WebGL

Friday, February 8, 13

Tons more...

VVVVVVVV.jsGraphStream

...and tons more

Friday, February 8, 13

Why Visualize?

Friday, February 8, 13

Knowledge

Capture knowledge from the graph

Friday, February 8, 13

Understanding

Understand relations

Friday, February 8, 13

Insight

See what you’ve been missing

Friday, February 8, 13

Beauty

Delight in its aesthetic

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

Friday, February 8, 13

Integrating with Neo4j

See the technical details on maxdemarzi.com

Friday, February 8, 13

Thank you!

Friday, February 8, 13