D3.js vs Vue.js examples
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

2 lines
16 KiB

8 years ago
webpackJsonp([1,2],[,,,,,,,,,,,,,function(t,e,n){"use strict";n.d(e,"a",function(){return i});var r=n(34),i=[{name:"Circle: mount",path:"/circle-mount",component:n(100)},{name:"Circle: size controller",path:"/size-controller",component:n(103)},{name:"Bars: styles basic",path:"/bars-style-basic",component:n(95)},{name:"Bars: styles scoped",path:"/bars-style-scoped",component:n(96)},{name:"Pie chart: local component & props",path:"/pie-chart-local-component",folder:!0,component:n(101)},{name:"Bubbles: nested routes",path:"/bubbles-nested-routes",alias:"/bubbles-nested-routes/*",folder:!0,component:n(98)}].map(function(t){var e=t;return e.source=r.githubLink+r.d3ComponentsPath+t.path+(t.folder?"":".vue"),e})},,,,,,,,,,,,,,,,,,,,,function(t,e){t.exports={githubLink:"https://github.com/corpglory/d3vue/",d3ComponentsPath:"tree/master/src/d3-components"}},function(t,e,n){"use strict";var r=n(55),i=n.n(r),a=n(21),s=n.n(a),o=n(116),u=n.n(o),c=n(94),l=n.n(c),d=n(13);s.a.use(u.a),e.a=new u.a({routes:[{path:"/",name:"Menu",component:l.a}].concat(i()(d.a))})},function(t,e,n){n(90);var r=n(0)(n(37),n(112),"data-v-41b7bac0",null);t.exports=r.exports},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(93),i=n.n(r);e.default={name:"app",components:{topNav:i.a}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(13),i=n(34);e.default={computed:{prev:function(){var t=this.findIndex();if(t!=-1)return t>0?r.a[t-1]:void 0},next:function(){var t=this.findIndex();if(t!=-1)return t+1<r.a.length?r.a[t+1]:void 0},sourceHref:function(){var t=this.findIndex();return t==-1?i.githubLink:r.a[t].source}},methods:{findIndex:function(){var t=this.$route.name;return r.a.findIndex(function(e){return e.name===t})}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(13);e.default={data:function(){return{items:r.a}}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(1);e.default={mounted:function(){var t=r.select(this.$el),e=+t.attr("width"),n=+t.attr("height"),i=[{name:"one",val:100},{name:"two",val:150},{name:"three",val:200}],a=r.scaleBand().rangeRound([0,e]).padding(.1).domain(i.map(function(t){return t.name})),s=r.scaleLinear().rangeRound([n,0]).domain([0,r.max(i,function(t){return t.val})]);t.selectAll("rect").data(i).enter().append("rect").attr("x",function(t){return a(t.name)}).attr("class",function(t){return t.name}).attr("y",function(t){return s(t.val)}).attr("width",a.bandwidth()).attr("height",function(t){return n-s(t.val)})}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(1);e.default={mounted:function(){var t=(this.$el.attributes[0],r.select(this.$el)),e=+t.attr("width"),n=+t.attr("height"),i=[{name:"one",val:100},{name:"two",val:150},{name:"three",val:200}],a=r.scaleBand().rangeRound([0,e]).padding(.1).domain(i.map(function(t){return t.name})),s=r.scaleLinear().rangeRound([n,0]).domain([0,r.max(i,function(t){return t.val})]);t.selectAll("rect").data(i).enter().append("rect").attr("data-v-0e55e99d","").attr("x",function(t){return a(t.name)}).attr("class",function(t){return t.name}).attr("y",function(t){return s(t.val)}).attr("width",a.bandwidth()).attr("height",function(t){return n-s(t.val)})}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(49),i=n(1);e.default={props:["groupBy","data"],watch:{groupBy:function(t){this.ph2.setLayout(t)},data:function(t){this.ph2.setData(t)}},mounted:function(){var t=i.select(this.$el),e=+t.attr("width"),n=+t.attr("height"),a=this,s=t.append("g").attr("transform","translate("+e/2+", "+n/2+")");i.csv("static/data/earthquakes.csv",function(t){a.ph2=new r.a(s,t,a.groupBy)})}}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(99),i=n(97),a="bubbles-nested-routes",s=n(3),o=[{name:"None",path:"",layout:"total"},{name:"By country",path:"/country",layout:"country"},{name:"By day",path:"/day",layout:"day"}].map(function(t){return t.path="#/"+a+t.path,t.active=!1,t})
//# sourceMappingURL=app.512839275eb12073589f.js.map