8297e7bb.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[15],{NFZH:function(B,p,e){"use strict";e.r(p),e.d(p,"default",function(){return K});var o=e("nKUr"),L=e.n(o),f=e("c1Ei"),i=e.n(f),D=e("5Tp6"),b=e("XKWP"),U=e("N7Kx"),C=e("kFHX"),W=e("4jIl"),A=e("q1tI"),I=e.n(A),r=e("VphZ"),K=function(y){Object(C.a)(a,y);var O=Object(W.a)(a);function a(){var t;Object(b.a)(this,a);for(var d=arguments.length,c=new Array(d),l=0;l<d;l++)c[l]=arguments[l];return t=O.call.apply(O,[this].concat(c)),t.svgWidth=500,t.svgHeight=500,t.drawSvg=Object(D.a)(i.a.mark(function _(){var v,j,M,h,g,E,P,m;return i.a.wrap(function(u){for(;;)switch(u.prev=u.next){case 0:return v=r.select(".hierarchy-test"),v.selectAll("svg").remove(),j=v.append("svg").attr("width",t.svgWidth).attr("height",t.svgHeight).style("border","1px solid black"),u.next=5,r.json("./hierarchy/tree-map.json");case 5:M=u.sent,h=r.hierarchy(M).sum(function(s){var n=s.value;return n}).sort(function(s,n){return n.value-s.value}),g=r.pack().size([t.svgWidth,t.svgHeight]).padding(5),g(h),E=h.descendants(),P=j.selectAll("g").data(E),m=P.enter().append("g").attr("transform",function(s){var n=s.x,T=s.y;return"translate(".concat(n,",").concat(T,")")}),m.append("circle").style("fill",function(s,n){return r.interpolatePiYG(n/E.length)}).style("stroke","black").attr("opacity",.5).transition().duration(500).ease(r.easeCircleIn).attr("r",function(s){var n=s.r;return n}),m.append("text").text(function(s){return s.data.name}),m.exit().remove();case 15:case"end":return u.stop()}},_)})),t}return Object(U.a)(a,[{key:"componentDidMount",value:function(){var t=Object(D.a)(i.a.mark(function c(){return i.a.wrap(function(_){for(;;)switch(_.prev=_.next){case 0:return _.next=2,this.drawSvg();case 2:case"end":return _.stop()}},c,this)}));function d(){return t.apply(this,arguments)}return d}()},{key:"render",value:function(){return Object(o.jsx)(o.Fragment,{children:Object(o.jsx)("div",{className:"hierarchy-test"})})}}]),a}(I.a.Component)}}]);