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.

1. Visualizing your
Graph
Max De Marzi
Friday, February 8, 13

2. About Me
maxdemarzi.com
@maxdemarzi
maxdemarzi@gmail.com
maxdemarzi on skype
github.com/maxdemarzi
Friday, February 8, 13

3. What to Visualize?
Friday, February 8, 13

4. A Node
Decorated by
sneaking a
peak at its
relationships
Friday, February 8, 13

5. Nodes
See a path,
but focus
on one
node at a
time
Friday, February 8, 13

6. Key Nodes
Highlight the
most important
nodes
Friday, February 8, 13

7. Node Properties
Sometimes size
matters
Friday, February 8, 13

8. Relationships
Relationships
between
members
Friday, February 8, 13

9. Relationship Strength
Ribbon width
based on
strength of
relationships
Friday, February 8, 13

10. Connections over Time
Time is hard in
a still picture
Friday, February 8, 13

11. Paths
Individual
relationships
important, but
path is the
message
Friday, February 8, 13

12. Cliques
Identify groups
and how tightly
they connect
internally
Friday, February 8, 13

13. Clusters
Identify groups
and how they
connect to
other groups
Friday, February 8, 13

14. Subgraphs
Compare related
parts of the graph
Friday, February 8, 13

15. Graphs
Graphs in 3D
Friday, February 8, 13

16. Multiple Graphs
Beyond the
hairball
Friday, February 8, 13

17. How to Visualize?
Friday, February 8, 13

18. Gephi
Photoshop
for Graphs
http://gephi.org/
Friday, February 8, 13

19. Sigma.js
Gephi on the web
http://sigmajs.org/
Friday, February 8, 13

20. Linkurio.us
http://linkurio.us
Friday, February 8, 13

21. Processing
Software for
visual art
http://processing.org/ http://max-planck-research-networks.net/
Friday, February 8, 13

22. Processing.js
Processing on
the web
http://processingjs.org/ http://www.flinklabs.com/projects/afl/aflflags.html
Friday, February 8, 13

23. D3.js
Data Driven
Documents
http://d3js.org/ http://mbostock.github.com/d3/ex/force.html
Friday, February 8, 13

24. Cinder
Powerful
toolbox for
creative coding
libcinder.org
http://planetary.bloom.io/
Friday, February 8, 13

25. VivaGraph.js
Graphs in
WebGL
https://github.com/anvaka/VivaGraphJS
Friday, February 8, 13

26. Tons more...
VVVV
VVVV.js
GraphStream
...and tons more
Friday, February 8, 13

27. Why Visualize?
Friday, February 8, 13

28. Knowledge
Capture
knowledge
from the
graph
Friday, February 8, 13

29. Understanding
Understand
relations
Friday, February 8, 13

30. Insight
See what
you’ve been
missing
Friday, February 8, 13

31. Beauty
Delight in its
aesthetic
h"p://burak-­‐arikan.com
Friday, February 8, 13

32. Integrating with Neo4j
See the technical
details on
maxdemarzi.com
Friday, February 8, 13

33. Thank you!
Friday, February 8, 13