Visualizing Trees and Graphs


John Alexis Guerra Gómez| ja.guerrag[at]uniandes.edu.co| @duto_guerra


http://johnguerra.co/lectures/visualAnalytics_24hours/08_Networks_Trees/

Based onslides from Tamara Munzner

Visualizing Networks

Force Directed Layout

http://blockbuilder.org/mbostock/4062045by mbostock

Use the force!

Beeswarm plot

http://blockbuilder.org/mbostock/6526445e2b44303eebf21da3b6627320by mbostock

Collision Detection

http://blockbuilder.org/mbostock/31ce330646fa8bcb7289ff3b97aab3f5by mbostock

Force in a Box

http://blockbuilder.org/john-guerra/14c943d8f198d9f3fef2by john-guerra

Adjacency Matrix

https://bost.ocks.org/mike/miserables/

Chord Diagram

http://blockbuilder.org/mbostock/1046712by mbostock

Edge Bundling

http://blockbuilder.org/mbostock/1044242by mbostock

Arc Diagram

http://blockbuilder.org/enjoylife/4e435d329c2c743da33eby mbostock

Arc Diagram

https://bost.ocks.org/mike/hive/

Trees

Radial Tree

http://blockbuilder.org/mbostock/2e12b0bd732e7fe4000e2d11ecab0268by mbostock

Dendogram

http://blockbuilder.org/mbostock/e9ba78a2c1070980d1b530800ce7fa2bby mbostock

Cluster Dendograms Radial

http://blockbuilder.org/john-guerra/7587ede430bbc18fc2a8b13ab8feafe1by mbostock

Cluster Dendograms Cartesian

http://blockbuilder.org/mbostock/4063570by mbostock

Collapsible Tree

http://blockbuilder.org/john-guerra/32be58cf91f613d45c687095bad39432by mbostock

Force Directed Tree

http://blockbuilder.org/mbostock/95aa92e2f4e8345aaa55a4a94d41ce37by mbostock

Space Filling Techniques

TreeMap

http://blockbuilder.org/mbostock/6bbb0a7ff7686b124d80by mbostock

TreeMap with parent labels

http://blockbuilder.org/mbostock/911ad09bdead40ec0061by mbostock

Newsmap

http://newsmap.jp/

Icicle Tree

http://blockbuilder.org/mbostock/1005873by mbostock

Sunburst Tree

http://blockbuilder.org/mbostock/1306365by mbostock

Radial Treemap

http://blockbuilder.org/mbostock/ca5b03a33affa4160321by mbostock

Kickstarter Projects

http://blockbuilder.org/john-guerra/38b1c32154905828f019f35a026b7526by john-guerra