D3 Partition Layout

by shiv_veerashetty

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.2.1/echarts.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.12.0/d3.min.js"></script>
<div id="main" style="height:600px;"></div>

CSS

.chart {
  display: block;
  margin: auto;
  margin-top: 60px;
  font-size: 11px;
}

rect {
  stroke: #eee;
  fill: #aaa;
  fill-opacity: .8;
}

rect.parent {
  cursor: pointer;
  fill: steelblue;
}

text {
  pointer-events: none;
}

JavaScript

var resp = {"metadata":{"pageInfo":{"number":1,"size":0,"totalRecords":2332},"fieldMappings":null},"data":{"pageData":[],"aggData":{"name":"root","key":"root","count":0,"bucketList":[{"name":"serviceInfo.appRole","key":"Blank","count":1106,"bucketList":[{"name":"serviceInfo.appService","key":"Blank","count":1106,"bucketList":null,"bucketMap":null,"distinctCount":0}],"bucketMap":null,"distinctCount":1},{"name":"serviceInfo.appRole","key":"NoSQL","count":449,"bucketList":[{"name":"serviceInfo.appService","key":"Elasticsearch","count":449,"bucketList":null,"bucketMap":null,"distinctCount":0}],"bucketMap":null,"distinctCount":1},{"name":"serviceInfo.appRole","key":"Management","count":440,"bucketList":[{"name":"serviceInfo.appService","key":"Consul","count":333,"bucketList":null,"bucketMap":null,"distinctCount":0},{"name":"serviceInfo.appService","key":"SSH","count":70,"bucketList":null,"bucketMap":null,"distinctCount":0},{"name":"serviceInfo.appService","key":"Xen","count":18,"bucketList":null,"bucketMap":null,"distinctCount":0},{"name":"serviceInfo.appService","key":"VNC","count":17,"bucketList":null,"bucketMap":null,"distinctCount":0},{"name":"serviceInfo.appService","key":"LDAP","count":2,"bucketList":null,"bucketMap":null,"distinctCount":0}],"bucketMap":null,"distinctCount":5},{"name":"serviceInfo.appRole","key":"Coordinator","count":154,"bucketList":[{"name":"serviceInfo.appService","key":"Zookeeper","count":154,"bucketList":null,"bucketMap":null,"distinctCount":0}],"bucketMap":null,"distinctCount":1},{"name":"serviceInfo.appRole","key":"Stream Processing Engine","count":92,"bucketList":[{"name":"serviceInfo.appService","key":"Storm Nimbus","count":53,"bucketList":null,"bucketMap":null,"distinctCount":0},{"name":"serviceInfo.appService","key":"Storm Supervisor","count":37,"bucketList":null,"bucketMap":null,"distinctCount":0},{"name":"serviceInfo.appService","key":"Storm...