All examples By author By category About

mph006

Org Chart - Cluster Layout

A radial interpretation of a classic (dendrogram) org chart.

Using D3's cluster layout instead of tree layout (http://puppydev.com/2015-02-23/d3-js-layout-tutorials-tree-and-cluster)

Generating a hierarchy out of a flat csv file, incorporating the update pattern, and using clip paths for avatars.

This representation allows for a denser packing of nodes, thus expressing more information in a smaller xy plane.

Getting help from:

/syntagmatic/4092944

http://www.d3noob.org/2014/01/tree-diagrams-in-d3js_11.html

https://sarasoueidan.com/blog/css-svg-clipping/