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/
xxxxxxxxxx
<meta charset="utf-8">
<title>Cluster Layout</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/queue-async/1.0.7/queue.min.js"></script>
<body>
<div id="tree-container"></div>
</body>
<script src="circularView.js"></script>
https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js
https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js
https://cdnjs.cloudflare.com/ajax/libs/queue-async/1.0.7/queue.min.js