Caso de uso E-Sports
{value}'}),e.point().position("".concat(a,"*").concat(n)).color(t,r.reverse().join("-")).shape("circle").tooltip("".concat(t,"*").concat(a,"*").concat(n),(function(e,t,a){return{name:e,value:t+", "+a}})).style({fillOpacity:.85}),e.legend({layout:"vertical",reversed:!0,padding:[0,0,0,30],position:"right"}),e.interaction("legend-highlight"),e}(a,e.groupBy,e.x,e.y,e.colors);return r.render(),function(){r.destroy()}}),[c]),u.a.createElement(n.b,{styles:d.a},u.a.createElement("div",{style:{width:e.width}},u.a.createElement("div",{ref:t})))};v.defaultProps={width:400,height:800,csvUrl:"./SkillCraft.csv",x:"SelectByHotkeys",y:"APM",groupBy:"LeagueIndex",groupFilter:[3,4,5],colors:m.b};var g=v;t.default=n.a.create({component:g,configuration:{tagname:"scatter-chart"},plugins:[]})},function(e,t,a){"use strict";a.r(t);var n=a(8),r=a(25),i=a.n(r),l=a(44),o=a(20),s=a(2),u=a.n(s),c=a(142),d=a.n(c),p=a(23),h=a(46),f=a(19);var m=a(64),v=a.n(m),g=a(45),y=function(e){var t=Object(s.useRef)(null),a=Object(s.useState)([{x:0,y:0,data:1.2}]),r=Object(o.a)(a,2),c=r[0],m=r[1];return Object(s.useEffect)((function(){(function(){var t=Object(l.a)(i.a.mark((function t(){var a,n,r;return i.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,fetch(e.csvUrl).then((function(e){return e.text()})).then(h.a);case 2:(a=t.sent).shift(),n=new v.a,(r=n.createView().source(a)).transform({type:"bin.histogram",field:e.field,binWidth:e.tickInterval/5,groupBy:[e.groupBy],as:[e.field,"count"]}),m(r.rows);case 8:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}})()()}),[]),Object(s.useEffect)((function(){var a=new p.a({container:t.current,width:e.width,height:e.height}),n=c.filter((function(t){return e.groupFilter.includes(t[e.groupBy])}));a.data(n);var r=function(e,t,a,n,r){var i;return e.scale((i={},Object(f.a)(i,a,{tickInterval:r}),Object(f.a)(i,"count",{nice:!1}),i)),e.tooltip({position:"top",shared:!0,showMarkers:!1}),e.interval().position("".concat(a,"*count")).color(t,n.join("-")).adjust("stack"),e.legend({layout:"vertical",reversed:!0,padding:[0,0,0,30],position:"right"}),e.interaction("active-region"),e}(a,e.groupBy,e.field,e.colors,e.tickInterval);return r.render(),function(){r.destroy()}}),[c]),u.a.createElement(n.b,{styles:d.a},u.a.createElement("div",{style:{width:e.width}},u.a.createElement("div",{ref:t})))};y.defaultProps={width:400,height:800,csvUrl:"./SkillCraft.csv",field:"APM",groupBy:"LeagueIndex",groupFilter:[3,4,5],colors:g.b,tickInterval:10};var x=y;t.default=n.a.create({component:x,configuration:{tagname:"stacked-histogram"},plugins:[]})},function(e,t,a){"use strict";a.r(t);var n=a(8),r=a(23),i=a(2),l=a.n(i),o=a(16),s=a(130),u=function(e){var t=Object(i.useRef)(null);return Object(i.useEffect)((function(){var a=new r.a({container:t.current,width:e.width,height:e.height});return a.data(s),a.axis("value",{label:{formatter:function(e){return e.replace(/(d)(?=(?:d{3})+$)/g,"$1.")}}}),a.tooltip({shared:!0,showMarkers:!1}),a.interaction("active-region"),a.interval().adjust("stack").position("time*value").color("type",[o.a[0],o.a[2],o.a[4],o.a[6]]),a.render(),function(){a.destroy()}}),[]),l.a.createElement("div",{style:{width:e.width}},l.a.createElement("div",{ref:t}))};u.defaultProps={width:400,height:400};var c=u;t.default=n.a.create({component:c,configuration:{tagname:"health-betweenthebars"},plugins:[]})},function(e,t,a){"use strict";a.r(t);var n=a(8),r=a(23),i=a(2),l=a.n(i),o=a(131),s=a(132),u=a.n(s),c=a(16),d=function(e){var t=Object(i.useRef)(null);return Object(i.useEffect)((function(){var a=new r.a({container:t.current,width:e.width,height:e.height}),n=o,i=n.values,l=n.index;return a.data(i),a.scale("x",{type:"cat"}),a.scale("y",{type:"cat"}),a.scale("v",{nice:!0}),a.axis("x",{tickLine:null,label:{style:{textAlign:"start",textBaseline:"middle"},offset:5,autoHide:!1,rotate:Math.PI/2},grid:null}),a.axis("y",{tickLine:null,label:{style:{textAlign:"end",textBaseline:"middle"},offset:5,autoHide:!1}}),a.tooltip({showMarkers:!0,shared:!0,customContent:function(e,t){var a,n,r,i=null===(a=t[0])||void 0===a?void 0:a.data;if(!i)return"";var o=null!==(n=l[i.y])&&void 0!==n?n:i.y,s=null!==(r=l[i.x])&&void 0!==r?r:i.x;return"
".concat(o,"
").concat(s,"
").concat(i.v,"
")}}),a.polygon().position("x*y").color("v","".concat(c.a[0],"-").concat(c.a[4],"-").concat(c.a[9])).style({lineWidth:1,stroke:"#fff"}),a.render(),function(){a.destroy()}}),[]),l.a.createElement(n.b,{styles:u.a},l.a.createElement("div",{style:{width:e.width}},l.a.createElement("div",{ref:t})))};d.defaultProps={width:400,height:400};var p=d;t.default=n.a.create({component:p,configuration:{tagname:"health-correlation"},plugins:[]})},function(e,t,a){"use strict";a.r(t);var n=a(8),r=a(23),i=a(2),l=a.n(i),o=a(16),s=a(133),u=a.n(s),c=a(134),d=function(e){var t=Object(i.useRef)(null);return Object(i.useEffect)((function(){var a=new r.a({container:t.current,width:e.width,height:e.height});return a.data(c),a.scale({x:{nice:!0},y:{nice:!0}}),a.axis("x",{title:{text:e.xAxisLabel}}),a.axis("y",{title:{text:e.yAxisLabel}}),a.tooltip({showCrosshairs:!0,shared:!0}),a.legend({flipPage:!1}),a.line().position("x*y").color("country",o.a),a.render(),function(){a.destroy()}}),[]),l.a.createElement(n.b,{styles:u.a},l.a.createElement("div",{style:{width:e.width}},l.a.createElement("div",{ref:t})))};d.defaultProps={width:400,height:400,xAxisLabel:"time from 2020-12-24 to 2021-04-19",yAxisLabel:"number of vaccines administrated"};var p=d;t.default=n.a.create({component:p,configuration:{tagname:"health-line1"},plugins:[]})},function(e,t,a){"use strict";a.r(t);var n=a(8),r=a(20),i=a(26),l=a.n(i),o=a(2),s=a.n(o),u=a(135),c=a.n(u),d=a(89),p=[0,0],h=["#005741","#009570","#00d4a0","#13ffc7","#51ffd6","#90ffe5"];function f(e){return e>50?h[0]:e>40?h[1]:e>30?h[2]:e>20?h[3]:e>10?h[4]:h[5]}var m=function(e){var t=Object(o.useRef)(null);return Object(o.useEffect)((function(){var e=l.a.tileLayer("http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png",{attribution:'© OpenStreetMap contributors, © CartoDB'}),a=l.a.geoJSON(d,{style:function(e){return{fillColor:f(e.properties.FVH),weight:2,opacity:1,color:"white",dashArray:"3",fillOpacity:.7}}}),n=d.features.map((function(e){var t=e.properties,a=t.c,n=t.name,i=t.GPD,o=Object(r.a)(a,2),s=o[0],u=o[1],c=l.a.circleMarker(new l.a.LatLng(u,s),{radius:4,fillColor:"#009570",stroke:!1,fill:!0,opacity:1,fillOpacity:1});return c.bindPopup("".concat(n,"").concat(s,"
").concat(i.v,"
GPD Growth rate: ").concat(i)),c})),i=l.a.layerGroup(n),o=l.a.map(t.current,{scrollWheelZoom:!1,layers:[e,a,i]}).setView(p,2),s=l.a.control({position:"bottomright"});return s.onAdd=function(){for(var e,t,a=l.a.DomUtil.create("div","info legend"),n=[0,10,20,30,40,50],r=[],i=0;i
"),a},s.addTo(o),function(){o.remove()}}),[]),s.a.createElement(n.b,{styles:c.a},s.a.createElement("div",{style:{width:e.width}},s.a.createElement("div",{ref:t,style:{width:e.width,height:e.height}})))};m.defaultProps={width:400,height:400};var v=m;t.default=n.a.create({component:v,configuration:{tagname:"health-map"},plugins:[]})},function(e,t,a){"use strict";a.r(t);var n=a(8),r=a(19),i=a(48),l=a(64),o=a.n(l),s=a(23),u=a(2),c=a.n(u),d=a(16),p=a(90),h=p.reduce((function(e,t,a){return Object(i.a)(Object(i.a)({},e),{},Object(r.a)({},t.vaccine,d.a[2*a]))}),{}),f=function(e){var t=Object(u.useRef)(null);return Object(u.useEffect)((function(){var a=new s.a({container:t.current,width:e.width,height:e.height}),n=(new o.a).createView();return n.source(p).transform({type:"percent",field:"value",dimension:"vaccine",as:"percent"}),a.data(n.rows),a.coordinate("theta",{radius:.94,innerRadius:.3}),a.interval().adjust("stack").position("percent").color("vaccine",(function(e){return h[e]})).style({stroke:"white",lineWidth:1}).label({fields:["vaccine"],callback:function(){return{content:function(e){return"".concat(e.vaccine," ").concat(Math.floor(1e4*e.percent)/100,"%")}}}}),a.tooltip(!1),a.legend(!1),a.interaction(null),a.render(),function(){a.destroy()}}),[]),c.a.createElement("div",{style:{width:e.width}},c.a.createElement("div",{ref:t}))};f.defaultProps={width:400,height:400};var m=f;t.default=n.a.create({component:m,configuration:{tagname:"health-pie"},plugins:[]})},function(e,t,a){"use strict";a.r(t);var n=a(8),r=a(23),i=a(2),l=a.n(i),o=a(16),s=a(137),u=a.n(s),c=a(138),d=function(e){var t=Object(i.useRef)(null);return Object(i.useEffect)((function(){var a=new r.a({container:t.current,width:e.width,height:e.height});return a.data(c),a.scale({x:{nice:!0},y:{nice:!0}}),a.axis("x",{title:{text:e.xAxisLabel}}),a.axis("y",{title:{text:e.yAxisLabel},label:{formatter:function(e){return e.replace(/(d)(?=(?:d{3})+$)/g,"$1.")}}}),a.tooltip({showCrosshairs:!0,shared:!0}),a.legend({flipPage:!1}),a.line().position("x*y").color("country",o.a),a.render(),function(){a.destroy()}}),[]),l.a.createElement(n.b,{styles:u.a},l.a.createElement("div",{style:{width:e.width}},l.a.createElement("div",{ref:t})))};d.defaultProps={width:400,height:400,xAxisLabel:"time from 2013 to 2020",yAxisLabel:"number of data Suppliers"};var p=d;t.default=n.a.create({component:p,configuration:{tagname:"home-line1"},plugins:[]})},function(e,t,a){"use strict";a.r(t);var n=a(8),r=a(23),i=a(2),l=a.n(i),o=a(16),s=a(139),u=a.n(s),c=a(140),d=function(e){var t=Object(i.useRef)(null);return Object(i.useEffect)((function(){var a=new r.a({container:t.current,width:e.width,height:e.height});return a.data(c),a.scale({x:{nice:!0},y:{nice:!0}}),a.axis("x",{title:{text:e.xAxisLabel}}),a.axis("y",{title:{text:e.yAxisLabel},label:{formatter:function(e){return e.replace(/(d)(?=(?:d{3})+$)/g,"$1.")+"u20ac"}}}),a.tooltip({showCrosshairs:!0,shared:!0}),a.legend({flipPage:!1}),a.line().position("x*y").color("country",o.a),a.render(),function(){a.destroy()}}),[]),l.a.createElement(n.b,{styles:u.a},l.a.createElement("div",{style:{width:e.width}},l.a.createElement("div",{ref:t})))};d.defaultProps={width:400,height:400,xAxisLabel:"time from 2013 to 2020",yAxisLabel:"number of data Suppliers"};var p=d;t.default=n.a.create({component:p,configuration:{tagname:"home-line2"},plugins:[]})},function(e,t,a){"use strict";a.r(t);var n=a(8),r=a(20),i=a(26),l=a.n(i),o=(a(198),a(2)),s=a.n(o),u=a(146),c=a(147),d=a(148),p=a.n(d),h=[41.411,2.1557],f=function(e){var t=Object(o.useRef)(null);return Object(o.useEffect)((function(){var e=l.a.tileLayer("http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png",{minZoom:12,attribution:'© OpenStreetMap contributors, © CartoDB'}),a=l.a.geoJSON(c,{style:{fillColor:"green",stroke:!0,weight:1,color:"green"}}),n=new l.a.Point(48,48),i=l.a.markerClusterGroup({chunkedLoading:!0,showCoverageOnHover:!1,iconCreateFunction:function(e){var t=e.getAllChildMarkers().reduce((function(e,t){return e+t.feature.properties.price}),0),a=e.getChildCount(),r=t/a;return l.a.divIcon({html:"".concat(a,"").concat(Math.round(r),"u20ac"),className:"iconCluster",iconSize:n})}});u.forEach((function(e){var t=e,a=Object(r.a)(t,4),n=a[0],o=a[1],s=a[2],u=a[3],c=l.a.circleMarker(new l.a.LatLng(n,o),{stroke:!1,fill:!0,fillColor:"green",opacity:1,fillOpacity:1});c.feature={type:"Feature",properties:{price:s},geometry:void 0},c.bindPopup("".concat(u,"
").concat(s,"u20ac")),i.addLayer(c)}));var o=l.a.map(t.current,{layers:[e,a,i],scrollWheelZoom:!1}).setView(h,12);return function(){o.remove()}}),[]),s.a.createElement(n.b,{styles:p.a},s.a.createElement("div",{style:{width:e.width}},s.a.createElement("div",{ref:t,style:{width:e.width,height:e.height}}),s.a.createElement("p",{className:"legend"},e.legend)))};f.defaultProps={legend:"72 districts showing the number of Airbnbs and the median prices",width:400,height:400};var m=f;t.default=n.a.create({component:m,configuration:{tagname:"tourism-map"},plugins:[]})},function(e,t,a){"use strict";a.r(t);var n=a(8),r=a(54),i=a(20),l=a(23),o=a(2),s=a.n(o),u=a(16),c=a(36),d=a(149),p=function(e){var t=Object(o.useRef)(null);return Object(o.useEffect)((function(){var a=d.reduce((function(t,a,n){var l=Object(i.a)(a,3),o=l[0],s=l[1],u=l[2],d=c.a[n].title,p={neigh:d,type:e.entireApartment,value:o},h={neigh:d,type:e.privateRoom,value:s},f={neigh:d,type:e.other,value:u};return[].concat(Object(r.a)(t),[p,h,f])}),[]),n=new l.a({container:t.current,width:e.width,height:e.height});return n.coordinate("polar"),n.data(a),n.scale("value",{nice:!0}),n.axis("neigh",{grid:{alignTick:!1,line:{style:{lineDash:null}}}}),n.axis("value",{line:null,tickLine:null,label:null}),n.tooltip({showMarkers:!0,shared:!0,title:function(t){return e.accommodationsFor.replaceAll("$1","".concat(t))}}),n.interval().position("neigh*value").color("type",[u.a[0],u.a[3],u.a[5]]).adjust([{type:"dodge",marginRatio:1}]),n.legend({padding:[30,0,0,0]}),n.interaction("active-region"),n.render(),function(){n.destroy()}}),[]),s.a.createElement("div",{style:{width:e.width}},s.a.createElement("div",{ref:t,style:{width:e.width}}))};p.defaultProps={accommodationsFor:"Number of accommodations for $1",entireApartment:"Entire Apartment",privateRoom:"Private Room",other:"Other",width:400,height:400};var h=p;t.default=n.a.create({component:h,configuration:{tagname:"tourism-polar"},plugins:[]})},function(e,t,a){"use strict";a.d(t,"a",(function(){return v}));var n,r,i=0,l=0,o=0,s=0,u=0,c=0,d="object"===typeof performance&&performance.now?performance:Date,p="object"===typeof window&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):function(e){setTimeout(e,17)};function h(){return u||(p(f),u=d.now()+c)}function f(){u=0}function m(){this._call=this._time=this._next=null}function v(e,t,a){var n=new m;return n.restart(e,t,a),n}function g(){u=(s=d.now())+c,i=l=0;try{!function(){h(),++i;for(var e,t=n;t;)(e=u-t._time)>=0&&t._call.call(null,e),t=t._next;--i}()}finally{i=0,function(){var e,t,a=n,i=1/0;for(;a;)a._call?(i>a._time&&(i=a._time),e=a,a=a._next):(t=a._next,a._next=null,a=e?e._next=t:n=t);r=e,x(i)}(),u=0}}function y(){var e=d.now(),t=e-s;t>1e3&&(c-=t,s=e)}function x(e){i||(l&&(l=clearTimeout(l)),e-u>24?(e<1/0&&(l=setTimeout(g,e-d.now()-c)),o&&(o=clearInterval(o))):(o||(s=d.now(),o=setInterval(y,1e3)),i=1,p(g)))}m.prototype=v.prototype={constructor:m,restart:function(e,t,a){if("function"!==typeof e)throw new TypeError("callback is not a function");a=(null==a?h():+a)+(null==t?0:+t),this._next||r===this||(r?r._next=this:n=this,r=this),this._call=e,this._time=a,x()},stop:function(){this._call&&(this._call=null,this._time=1/0,x())}}}]); //# sourceMappingURL=direflowBundle.js.map;