0207 - visualizing your graph
DESCRIPTION
Learn to see graphs both conceptually and graphically. I’ll help you think of your domain as a graph, and help you visualize your graph one node at a time, in a sub-graph or all at once. See a pretty picture of your friends friendships, your nodes moving toward a cluster, and get lost in a 3D Graph in this session.TRANSCRIPT
Visualizing your Graph Max De Marzi
Friday, February 8, 13
About Me
maxdemarzi.com
@maxdemarzi
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
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