14:34 Adopt: Marzi - Visualizing Graphs

Visualizing your Graph Max De Marzi

Wednesday, October 31, 12

About Me

maxdemarzi.com

@maxdemarzi

[email protected]

maxdemarzi on skype

github.com/maxdemarzi


http://maxdemarzi.com

http://maxdemarzi.com

mailto:[email protected]

mailto:[email protected]

http://github.com/maxdemarzi

http://github.com/maxdemarzi

What to Visualize?


A Node

Decorated by sneaking a peak at its relationships


Nodes

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


Paths

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?


Gephi

Photoshop for Graphs

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

http://gephi.org/

http://gephi.org/

Sigma.js

Gephi on the web

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

http://sigmajs.org/

http://sigmajs.org/

Processing

Software for visual art

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


http://processing.org/

http://processing.org/

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

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

http://www.flinklabs.com/projects/afl/aflflags.html

http://www.flinklabs.com/projects/afl/aflflags.html

http://processingjs.org/

http://processingjs.org/

D3.js

Data Driven Documents

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


http://d3js.org/

http://d3js.org/

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

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

Cinder

Powerful toolbox for creative coding

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


http://planetary.bloom.io/

http://planetary.bloom.io/

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!


Date post:	15-Jan-2015
Category:	Documents
Upload:	graphconnect
View:	1,814 times
Download:	1 times