UNPKG

cl-react-graph

Version:
2 lines 9.15 kB
(window.webpackJsonp=window.webpackJsonp||[]).push([[23],{"+x/X":function(e,t,n){"use strict";function a(e,t){this._context=e,this._t=t}function i(e){return new a(e,0)}function r(e){return new a(e,1)}n.d(t,"c",(function(){return i})),n.d(t,"b",(function(){return r})),a.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x=this._y=NaN,this._point=0},lineEnd:function(){0<this._t&&this._t<1&&2===this._point&&this._context.lineTo(this._x,this._y),(this._line||0!==this._line&&1===this._point)&&this._context.closePath(),this._line>=0&&(this._t=1-this._t,this._line=1-this._line)},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._line?this._context.lineTo(e,t):this._context.moveTo(e,t);break;case 1:this._point=2;default:if(this._t<=0)this._context.lineTo(this._x,t),this._context.lineTo(e,t);else{var n=this._x*(1-this._t)+e*this._t;this._context.lineTo(n,this._y),this._context.lineTo(n,t)}}this._x=e,this._y=t}},t.a=function(e){return new a(e,.5)}},"2MSY":function(e,t,n){"use strict";n.d(t,"b",(function(){return d}));var a=n("t8Zj"),i=l(n("ArWm").a);function r(e){this._curve=e}function l(e){function t(t){return new r(e(t))}return t._curve=e,t}r.prototype={areaStart:function(){this._curve.areaStart()},areaEnd:function(){this._curve.areaEnd()},lineStart:function(){this._curve.lineStart()},lineEnd:function(){this._curve.lineEnd()},point:function(e,t){this._curve.point(t*Math.sin(e),t*-Math.cos(e))}};var o=n("NBGV");var s=function(){return e=Object(o.a)().curve(i),t=e.curve,e.angle=e.x,delete e.x,e.radius=e.y,delete e.y,e.curve=function(e){return arguments.length?t(l(e)):t()._curve},e;var e,t},u=n("q1tI"),c=n.n(u),h=function(e){return 2*Math.PI*e/360},d=function(e,t){var n=h(e);return[Math.sin(n)*t,-Math.cos(n)*t]},f=function(e,t){var n,a=360/e.length,i=e.map((function(e,n){return[h(a)*n,t]}));return i.push(i[0]),null!==(n=s()(i))&&void 0!==n?n:""};t.a=function(e){var t=e.axis,n=e.ticks,i=void 0===n?7:n,r=e.labels,l=e.center,o=e.radial,s=Math.min.apply(Math,Object(a.a)(l)),u=360/r.length;return c.a.createElement(c.a.Fragment,null,Array(i).fill("").map((function(e,t){var n,a;return c.a.createElement("path",{key:"radial-"+t,transform:"translate("+l[0]+" "+l[1]+")",d:f(r,s/(i+1)*(t+1)),stroke:null!==(n=null==o?void 0:o.stroke)&&void 0!==n?n:"#eee",fill:"none",strokeWidth:null!==(a=null==o?void 0:o.strokeWidth)&&void 0!==a?a:"1"})})),r.map((function(e,n){var a,i,r=d(u*n,s+15),o="axis-"+e.replace(/[^a-z]/gi,"");return c.a.createElement("g",{key:o},c.a.createElement("path",{"data-testid":o,id:o,transform:"rotate("+u*n+" "+l[0]+" "+l[1]+")",d:"M"+l[0]+","+l[1]+" L"+s+",0",stroke:null!==(a=null==t?void 0:t.stroke)&&void 0!==a?a:"#AAA",fill:"none",strokeWidth:null!==(i=null==t?void 0:t.strokeWidth)&&void 0!==i?i:"1"}," "),c.a.createElement("text",{x:l[0]+r[0],y:l[1]+r[1]},e))})))}},Q4jJ:function(e,t,n){"use strict";n("E9XD");var a=n("t8Zj"),i=n("2b7M"),r=n("OQCi"),l=n("pBfT"),o=n("NBGV"),s=n("q1tI"),u=n.n(s),c=n("ress"),h=n("bK9Z"),d=n("W+EW"),f=n("2MSY");t.a=function(e){var t=e.colorScheme,n=void 0===t?l.a:t,x=e.data,v=e.height,y=e.id,p=e.padding,w=void 0===p?15:p,m=e.points,b=void 0===m?[]:m,_=e.width,k=x.reduce((function(e,t){return e.concat(t.axes.map((function(e){return e.value})))}),[]),T=x.reduce((function(e,t){return t.axes.forEach((function(t){e.includes(t.axis)||e.push(t.axis)})),e}),[]),D=[(_-2*w)/2,(v-2*w)/2],E=Object(i.a)(k),g=x.map((function(e){return function(e,t,n,i){var l=360/t.length,o=Math.min.apply(Math,Object(a.a)(n)),s=Object(r.a)().domain(i).rangeRound([0,o]);return e.axes.map((function(e){var n,a=t.findIndex((function(t){return t===e.axis}));return Object(f.b)(l*a,null!==(n=s(e.value))&&void 0!==n?n:0)})).map((function(e){return[n[0]+e[0],n[1]+e[1]]}))}(e,T,D,E)})),Z=Object(s.useState)(null),M=Z[0],O=Z[1];return u.a.createElement(c.a,{height:v,id:y,width:_},u.a.createElement(f.a,{labels:T,center:D}),x.map((function(e,t){var a,i,r=(null!==(a=e.label)&&void 0!==a?a:"").replace(/[^a-z]/gi,"");return u.a.createElement(u.a.Fragment,null,u.a.createElement(h.a,{id:"area-fill-"+r,fill:n[t],opacity:null===M?.5:r===M?1:.1,onMouseEnter:function(){return O(r)},onMouseLeave:function(){return O(null)},key:"area-"+r,d:null!==(i=Object(o.a)()(g[t]))&&void 0!==i?i:""}),g[t].map((function(n,a){var i,l,o=null!==(i=b[t])&&void 0!==i?i:d.b,s="point-"+r+"-"+e.axes[a].axis.replace(/[^a-z]/gi,"");return u.a.createElement(d.a,{id:s,key:s,cx:n[0],cy:n[1],x:n[0],y:n[1],PointComponent:null==o?void 0:o.PointComponent,z:null!==(l=o.z)&&void 0!==l?l:3},(null==o?void 0:o.showTitle)&&u.a.createElement("title",null,r,": ",e.axes[a].value))})))})))}},a2uk:function(e,t,n){"use strict";n.r(t);var a=n("q1tI"),i=n.n(a),r=n("ofer"),l=n("tRbT"),o=n("30+C"),s=n("oa/T"),u=n("Q4jJ"),c=n("uaBJ"),h=n("ExZL"),d=n("9Dj+"),f=n("H8eV"),x={height:400,width:400,data:c.c};t.default=function(){var e=i.a.createElement(u.a,Object.assign({id:"radar-demo"},x));return i.a.createElement(d.a,null,i.a.createElement(f.a,{title:"Line Chart",description:""}),i.a.createElement(r.a,{variant:"h2"},"Radar Chart"),i.a.createElement("div",null,i.a.createElement(l.a,{container:!0,spacing:5,className:"wrapper"},i.a.createElement(l.a,{item:!0,xs:12,md:6},i.a.createElement(o.a,null,i.a.createElement(s.a,null,e)),i.a.createElement("br",null),i.a.createElement(o.a,null,i.a.createElement(s.a,null,i.a.createElement(h.a,{component:e})))),i.a.createElement(l.a,{item:!0,xs:12,md:6}))))}},bK9Z:function(e,t,n){"use strict";var a=n("q1tI"),i=n.n(a);t.a=function(e){var t=e.d,n=e.fill,a=e.id,r=e.opacity,l=e.onMouseEnter,o=e.onMouseLeave;return i.a.createElement("path",{id:a,"data-testid":a,onMouseEnter:l,onMouseLeave:o,fill:n,stroke:n,style:{transition:"all 0.5s ease",opacity:r},d:t})}},uaBJ:function(e,t,n){"use strict";n.d(t,"b",(function(){return o})),n.d(t,"a",(function(){return s})),n.d(t,"e",(function(){return u})),n.d(t,"d",(function(){return c})),n.d(t,"c",(function(){return h}));var a=n("+x/X"),i=n("SSiR"),r=new Date,l=new Array(100).fill("").map((function(e,t){return new Date((new Date).setDate(r.getDate()+t))})).map((function(e,t){return{x:e,y:1e3*t}})),o=[{label:"cdd7c30f-4d9b-433c-a5d4-12bb39df89c6 usage",line:{fill:{fill:"rgba(11, 85, 167, 0.7)",show:!0},show:!0,stroke:"#000",strokeDashArray:"0",strokeDashOffset:0,curveType:a.c},point:{fill:"#000",radius:2,show:!0,stroke:"#000"},data:l}],s=[{label:"rob Allocation",line:{curveType:i.a,fill:{fill:"rgba(11, 85, 167, 0.2)",show:!0},show:!0,stroke:"rgb(11, 85, 167)",strokeDashArray:"0",strokeDashOffset:0},point:{fill:"#000",radius:4,show:!0,stroke:""},data:l},{label:"rob'",line:{curveType:i.a,fill:{fill:"rgba(11, 85, 167, 0.7)",show:!0},show:!0,stroke:"#000",strokeDashArray:"0",strokeDashOffset:0},point:{fill:"",radius:0,show:!1,stroke:""},data:[{x:new Date("2019-08-20T00:00:00.000Z"),y:0},{x:new Date("2019-08-21T00:00:00.000Z"),y:0},{x:new Date("2019-08-22T00:00:00.000Z"),y:0},{x:new Date("2019-08-23T00:00:00.000Z"),y:0},{x:new Date("2019-08-24T00:00:00.000Z"),y:0},{x:new Date("2019-08-25T00:00:00.000Z"),y:0},{x:new Date("2019-08-26T00:00:00.000Z"),y:0},{x:new Date("2019-08-27T00:00:00.000Z"),y:0}]},{label:"Their Allocation",line:{curveType:i.a,fill:{fill:"rgba(0, 169, 123, 0.2)",show:!0},show:!0,stroke:"rgb(0, 169, 123)",strokeDashArray:"0",strokeDashOffset:0},point:{fill:"",radius:0,show:!1,stroke:""},data:[{x:new Date("2019-08-20T00:00:00.000Z"),y:0},{x:new Date("2019-08-21T00:00:00.000Z"),y:0},{x:new Date("2019-08-22T00:00:00.000Z"),y:0},{x:new Date("2019-08-23T00:00:00.000Z"),y:0},{x:new Date("2019-08-24T00:00:00.000Z"),y:0},{x:new Date("2019-08-25T00:00:00.000Z"),y:0},{x:new Date("2019-08-26T00:00:00.000Z"),y:0},{x:new Date("2019-08-27T00:00:00.000Z"),y:0}]},{label:"Theirs",line:{curveType:i.a,fill:{fill:"rgba(0, 169, 123, 0.7)",show:!0},show:!0,stroke:"#000",strokeDashArray:"0",strokeDashOffset:0},point:{fill:"",radius:0,show:!1,stroke:""},data:[{x:new Date("2019-08-20T00:00:00.000Z"),y:0},{x:new Date("2019-08-21T00:00:00.000Z"),y:0},{x:new Date("2019-08-22T00:00:00.000Z"),y:0},{x:new Date("2019-08-23T00:00:00.000Z"),y:0},{x:new Date("2019-08-24T00:00:00.000Z"),y:0},{x:new Date("2019-08-25T00:00:00.000Z"),y:0},{x:new Date("2019-08-26T00:00:00.000Z"),y:0},{x:new Date("2019-08-27T00:00:00.000Z"),y:0}]}],u={bins:["16-18","18-25","25-35","35-50","50-65","65-∞"],counts:[{label:"Background",data:[[200,2600,5100,9700,8400,6700],[2002,2100,4700,8700,4900,1400]]},{label:"Foreground",data:[[100,260,510,970,840,670],[1e3,5500,470,870,490,140]]}]},c={label:"Scatter data",point:{fill:"#000",radius:4,show:!0,stroke:""},data:[{x:0,y:1,z:5},{x:2,y:1,z:5},{x:3,y:3,z:10},{x:4,y:4,z:5},{x:5,y:1,z:15},{x:6,y:6,z:5},{x:7,y:7,z:15}]},h=[{label:"Germany",axes:[{axis:"strength",value:13},{axis:"intelligence",value:6},{axis:"charisma",value:5},{axis:"dexterity",value:9},{axis:"luck",value:2}]},{label:"Argentina",axes:[{axis:"strength",value:6},{axis:"intelligence",value:7},{axis:"charisma",value:10},{axis:"dexterity",value:13},{axis:"luck",value:9}]}]}}]); //# sourceMappingURL=component---src-pages-radar-tsx-9fdb3dd8bdda847098c9.js.map