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.
1 lines
63 KiB
1 lines
63 KiB
{"version":3,"sources":["webpack:///static/js/app.53dc1a8721bd1693c475.js","webpack:///./src/router/demos.js","webpack:///./src/config.json","webpack:///./src/router/index.js","webpack:///./src/app.vue","webpack:///app.vue","webpack:///demos-navigation.vue","webpack:///index.vue","webpack:///bars-style-basic.vue","webpack:///bars-style-scoped.vue","webpack:///circle-mount.vue","webpack:///index.vue?272d","webpack:///pie.vue","webpack:///size-controller.vue","webpack:///./src/components/demos-navigation.vue","webpack:///./src/components/index.vue","webpack:///./src/d3-components/bars-style-basic.vue","webpack:///./src/d3-components/bars-style-scoped.vue","webpack:///./src/d3-components/circle-mount.vue","webpack:///./src/d3-components/pie-chart-local-component/index.vue","webpack:///./src/d3-components/pie-chart-local-component/pie.vue","webpack:///./src/d3-components/size-controller.vue","webpack:///./src/d3-components/pie-chart-local-component/index.vue?603b","webpack:///./src/components/demos-navigation.vue?5a2b","webpack:///./src/d3-components/bars-style-scoped.vue?3f89","webpack:///./src/d3-components/bars-style-basic.vue?ab8b","webpack:///./src/components/index.vue?df1f","webpack:///./src/app.vue?497c","webpack:///./src/d3-components/size-controller.vue?4cbe","webpack:///./src/d3-components/pie-chart-local-component/pie.vue?07e4","webpack:///./src/d3-components/circle-mount.vue?0182","webpack:///./src/main.js"],"names":["webpackJsonp","module","__webpack_exports__","__webpack_require__","d","routes","config","name","path","component","folder","map","r","res","href","source","githubLink","d3ComponentsPath","exports","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toConsumableArray__","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toConsumableArray___default","n","__WEBPACK_IMPORTED_MODULE_1_vue__","__WEBPACK_IMPORTED_MODULE_1_vue___default","__WEBPACK_IMPORTED_MODULE_2_vue_router__","__WEBPACK_IMPORTED_MODULE_2_vue_router___default","__WEBPACK_IMPORTED_MODULE_3_components_index__","__WEBPACK_IMPORTED_MODULE_3_components_index___default","__WEBPACK_IMPORTED_MODULE_4__demos__","a","use","concat","Component","Object","defineProperty","value","__WEBPACK_IMPORTED_MODULE_0__components_demos_navigation__","__WEBPACK_IMPORTED_MODULE_0__components_demos_navigation___default","components","topNav","__WEBPACK_IMPORTED_MODULE_0_router_demos__","computed","prev","index","this","findIndex","undefined","next","length","sourceHref","methods","me","$route","data","items","d3","mounted","svg","select","$el","width","attr","height","val","x","scaleBand","rangeRound","padding","domain","y","scaleLinear","max","selectAll","enter","append","bandwidth","attributes","_","pie","NAMES","names","take","canAddAName","addName","push","margin","top","left","bottom","right","chartWidth","chartHeight","chartLayer","arc","outerRadius","innerRadius","padAngle","cornerRadius","pieG","drawChart","props","watch","newData","arcs","sort","block","newBlock","classed","i","interpolateCool","Math","random","text","circleSize","createElement","circle","newValue","render","_vm","_h","$createElement","_c","_self","_v","attrs","on","click","_e","staticRenderFns","id","staticClass","_l","item","_s","_m","directives","rawName","expression","type","min","step","domProps","input","$event","target","__WEBPACK_IMPORTED_MODULE_0_vue__","__WEBPACK_IMPORTED_MODULE_0_vue___default","__WEBPACK_IMPORTED_MODULE_1__app__","__WEBPACK_IMPORTED_MODULE_1__app___default","__WEBPACK_IMPORTED_MODULE_2__router__","el","router","template","app"],"mappings":"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","file":"static/js/app.53dc1a8721bd1693c475.js","sourcesContent":["webpackJsonp([1,2],[\n/* 0 */,\n/* 1 */,\n/* 2 */,\n/* 3 */,\n/* 4 */,\n/* 5 */,\n/* 6 */,\n/* 7 */,\n/* 8 */,\n/* 9 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return routes; });\nvar config = __webpack_require__(31);\n\nvar routes = [{\n name: 'Circle: mount',\n path: '/circle-mount',\n component: __webpack_require__(83)\n}, {\n name: 'Circle: size controller',\n path: '/size-controller',\n component: __webpack_require__(86)\n}, {\n name: 'Bars: styles basic',\n path: '/bars-style-basic',\n component: __webpack_require__(81)\n}, {\n name: 'Bars: styles scoped',\n path: '/bars-style-scoped',\n component: __webpack_require__(82)\n}, {\n name: 'Pie chart: local component & props',\n path: '/pie-chart-local-component',\n folder: true,\n component: __webpack_require__(84)\n}].map(function (r) {\n var res = r;\n res.href = \"#\" + r.path;\n res.source = config.githubLink + config.d3ComponentsPath + r.path + (r.folder ? '' : '.vue');\n return res;\n});\n\n/***/ }),\n/* 10 */,\n/* 11 */,\n/* 12 */,\n/* 13 */,\n/* 14 */,\n/* 15 */,\n/* 16 */,\n/* 17 */,\n/* 18 */,\n/* 19 */,\n/* 20 */,\n/* 21 */,\n/* 22 */,\n/* 23 */,\n/* 24 */,\n/* 25 */,\n/* 26 */,\n/* 27 */,\n/* 28 */,\n/* 29 */,\n/* 30 */,\n/* 31 */\n/***/ (function(module, exports) {\n\nmodule.exports = {\n\t\"githubLink\": \"https://github.com/corpglory/d3vue/\",\n\t\"d3ComponentsPath\": \"tree/master/src/d3-components\"\n};\n\n/***/ }),\n/* 32 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toConsumableArray__ = __webpack_require__(44);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toConsumableArray___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toConsumableArray__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_vue__ = __webpack_require__(17);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_vue_router__ = __webpack_require__(96);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_vue_router___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_vue_router__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_components_index__ = __webpack_require__(80);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_components_index___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_components_index__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__demos__ = __webpack_require__(9);\n\n\n\n\n\n\n__WEBPACK_IMPORTED_MODULE_1_vue___default.a.use(__WEBPACK_IMPORTED_MODULE_2_vue_router___default.a);\n\n/* harmony default export */ __webpack_exports__[\"a\"] = new __WEBPACK_IMPORTED_MODULE_2_vue_router___default.a({\n routes: [{\n path: '/',\n name: 'Menu',\n component: __WEBPACK_IMPORTED_MODULE_3_components_index___default.a\n }].concat(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_toConsumableArray___default()(__WEBPACK_IMPORTED_MODULE_4__demos__[\"a\" /* routes */]))\n});\n\n/***/ }),\n/* 33 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(75)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(34),\n /* template */\n __webpack_require__(92),\n /* scopeId */\n \"data-v-41b7bac0\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 34 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_demos_navigation__ = __webpack_require__(79);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_demos_navigation___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__components_demos_navigation__);\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n name: 'app',\n components: { topNav: __WEBPACK_IMPORTED_MODULE_0__components_demos_navigation___default.a }\n};\n\n/***/ }),\n/* 35 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_router_demos__ = __webpack_require__(9);\n\n\n\nvar config = __webpack_require__(31);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n computed: {\n prev: function prev() {\n var index = this.findIndex();\n if (index == -1) {\n return undefined;\n }\n return index > 0 ? __WEBPACK_IMPORTED_MODULE_0_router_demos__[\"a\" /* routes */][index - 1] : undefined;\n },\n next: function next() {\n var index = this.findIndex();\n if (index == -1) {\n return undefined;\n }\n return index + 1 < __WEBPACK_IMPORTED_MODULE_0_router_demos__[\"a\" /* routes */].length ? __WEBPACK_IMPORTED_MODULE_0_router_demos__[\"a\" /* routes */][index + 1] : undefined;\n },\n sourceHref: function sourceHref() {\n var index = this.findIndex();\n if (index == -1) {\n return config.githubLink;\n }\n return __WEBPACK_IMPORTED_MODULE_0_router_demos__[\"a\" /* routes */][index].source;\n }\n },\n methods: {\n findIndex: function findIndex() {\n var me = this.$route.path;\n return __WEBPACK_IMPORTED_MODULE_0_router_demos__[\"a\" /* routes */].findIndex(function (r) {\n return r.path === me;\n });\n }\n }\n};\n\n/***/ }),\n/* 36 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_router_demos__ = __webpack_require__(9);\n\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n data: function data() {\n return {\n items: __WEBPACK_IMPORTED_MODULE_0_router_demos__[\"a\" /* routes */]\n };\n }\n};\n\n/***/ }),\n/* 37 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\nvar d3 = __webpack_require__(3);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n mounted: function mounted() {\n var svg = d3.select(this.$el);\n var width = +svg.attr('width');\n var height = +svg.attr('height');\n var data = [{ name: 'one', val: 100 }, { name: 'two', val: 150 }, { name: 'three', val: 200 }];\n\n var x = d3.scaleBand().rangeRound([0, width]).padding(0.1).domain(data.map(function (d) {\n return d.name;\n }));\n var y = d3.scaleLinear().rangeRound([height, 0]).domain([0, d3.max(data, function (d) {\n return d.val;\n })]);\n\n svg.selectAll('rect').data(data).enter().append('rect').attr('x', function (d) {\n return x(d.name);\n }).attr('class', function (d) {\n return d.name;\n }).attr('y', function (d) {\n return y(d.val);\n }).attr('width', x.bandwidth()).attr('height', function (d) {\n return height - y(d.val);\n });\n }\n};\n\n/***/ }),\n/* 38 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\nvar d3 = __webpack_require__(3);\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n mounted: function mounted() {\n var STYLE_MODULE_NAME = this.$el.attributes[0];\n\n var svg = d3.select(this.$el);\n var width = +svg.attr('width');\n var height = +svg.attr('height');\n var data = [{ name: 'one', val: 100 }, { name: 'two', val: 150 }, { name: 'three', val: 200 }];\n\n var x = d3.scaleBand().rangeRound([0, width]).padding(0.1).domain(data.map(function (d) {\n return d.name;\n }));\n var y = d3.scaleLinear().rangeRound([height, 0]).domain([0, d3.max(data, function (d) {\n return d.val;\n })]);\n\n svg.selectAll('rect').data(data).enter().append('rect').attr('data-v-0e55e99d', '').attr('x', function (d) {\n return x(d.name);\n }).attr('class', function (d) {\n return d.name;\n }).attr('y', function (d) {\n return y(d.val);\n }).attr('width', x.bandwidth()).attr('height', function (d) {\n return height - y(d.val);\n });\n }\n};\n\n/***/ }),\n/* 39 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\nvar d3 = __webpack_require__(3);\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n mounted: function mounted() {\n d3.select(this.$el).append('circle').attr('cx', '250').attr('cy', '150').attr('r', '100');\n }\n};\n\n/***/ }),\n/* 40 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\nvar _ = __webpack_require__(78);\nvar pie = __webpack_require__(85);\n\nvar NAMES = [{ name: 'Sarah', value: 2502 }, { name: 'Emma', value: 2005 }, { name: 'Laura', value: 1968 }, { name: 'Chloé', value: 1863 }, { name: 'Marie', value: 1810 }, { name: 'Emily', value: 1637 }, { name: 'Léa', value: 1592 }, { name: 'Camille', value: 1572 }, { name: 'Anna', value: 1433 }, { name: 'Manon', value: 1403 }];\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n components: {\n pie: pie\n },\n data: function data() {\n return {\n names: _.take(NAMES, 3)\n };\n },\n computed: {\n canAddAName: function canAddAName() {\n return this.names.length < NAMES.length;\n }\n },\n methods: {\n addName: function addName() {\n this.names.push(NAMES[this.names.length]);\n }\n }\n};\n\n/***/ }),\n/* 41 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\nvar d3 = __webpack_require__(3);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n mounted: function mounted() {\n var svg = d3.select(this.$el);\n var width = +svg.attr('width');\n var height = +svg.attr('height');\n\n var margin = { top: 20, left: 0, bottom: 30, right: 0 };\n\n var chartWidth = width - (margin.left + margin.right);\n var chartHeight = height - (margin.top + margin.bottom);\n\n this.chartLayer = svg.append('g').attr(\"transform\", 'translate(' + margin.left + ', ' + margin.top + ')');\n\n this.arc = d3.arc().outerRadius(chartHeight / 2).innerRadius(chartHeight / 4).padAngle(0.03).cornerRadius(8);\n\n this.pieG = this.chartLayer.append(\"g\").attr(\"transform\", 'translate(' + chartWidth / 2 + ', ' + chartHeight / 2 + ')');\n\n this.drawChart(this.data);\n },\n props: ['data'],\n watch: {\n data: function data(newData) {\n this.drawChart(newData);\n }\n },\n methods: {\n drawChart: function drawChart(data) {\n var arcs = d3.pie().sort(null).value(function (d) {\n return d.value;\n })(data);\n\n var block = this.pieG.selectAll(\".arc\").data(arcs);\n\n block.select('path').attr('d', this.arc);\n\n var newBlock = block.enter().append(\"g\").classed(\"arc\", true);\n\n newBlock.append(\"path\").attr(\"d\", this.arc).attr(\"id\", function (d, i) {\n return \"arc-\" + i;\n }).attr(\"stroke\", \"gray\").attr(\"fill\", function (d) {\n return d3.interpolateCool(Math.random());\n });\n\n newBlock.append(\"text\").attr(\"dx\", 10).attr(\"dy\", -5).append(\"textPath\").attr(\"xlink:href\", function (d, i) {\n return \"#arc-\" + i;\n }).text(function (d) {\n return d.data.name;\n });\n }\n }\n};\n\n/***/ }),\n/* 42 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\nvar d3 = __webpack_require__(3);\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n data: function data() {\n return {\n circleSize: 50\n };\n },\n mounted: function mounted(createElement) {\n var svg = d3.select(this.$el).select('svg');\n this.circle = svg.append('circle').attr('cx', '250').attr('cy', '150').attr('r', this.circleSize);\n },\n watch: {\n circleSize: function circleSize(newValue) {\n this.circle.attr('r', newValue);\n }\n }\n\n};\n\n/***/ }),\n/* 43 */,\n/* 44 */,\n/* 45 */,\n/* 46 */,\n/* 47 */,\n/* 48 */,\n/* 49 */,\n/* 50 */,\n/* 51 */,\n/* 52 */,\n/* 53 */,\n/* 54 */,\n/* 55 */,\n/* 56 */,\n/* 57 */,\n/* 58 */,\n/* 59 */,\n/* 60 */,\n/* 61 */,\n/* 62 */,\n/* 63 */,\n/* 64 */,\n/* 65 */,\n/* 66 */,\n/* 67 */,\n/* 68 */,\n/* 69 */,\n/* 70 */,\n/* 71 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 72 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 73 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 74 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 75 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 76 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 77 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 78 */,\n/* 79 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(71)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(35),\n /* template */\n __webpack_require__(88),\n /* scopeId */\n \"data-v-098bb42e\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 80 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(74)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(36),\n /* template */\n __webpack_require__(91),\n /* scopeId */\n \"data-v-417810ac\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 81 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(73)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(37),\n /* template */\n __webpack_require__(90),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 82 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(72)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(38),\n /* template */\n __webpack_require__(89),\n /* scopeId */\n \"data-v-0e55e99d\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 83 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(77)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(39),\n /* template */\n __webpack_require__(95),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 84 */\n/***/ (function(module, exports, __webpack_require__) {\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(40),\n /* template */\n __webpack_require__(87),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 85 */\n/***/ (function(module, exports, __webpack_require__) {\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(41),\n /* template */\n __webpack_require__(94),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 86 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(76)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(42),\n /* template */\n __webpack_require__(93),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 87 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', [_c('h3', [_vm._v(\"Most popular female names in the world\")]), _vm._v(\" \"), _c('pie', {\n attrs: {\n \"data\": _vm.names\n }\n }), _vm._v(\" \"), _c('br'), _vm._v(\" \"), (_vm.canAddAName) ? _c('button', {\n on: {\n \"click\": _vm.addName\n }\n }, [_vm._v(\"Add a name\")]) : _vm._e()], 1)\n},staticRenderFns: []}\n\n/***/ }),\n/* 88 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n attrs: {\n \"id\": \"holder\"\n }\n }, [_c('div', {\n staticClass: \"links\"\n }, [(_vm.prev) ? _c('a', {\n staticClass: \"prev\",\n attrs: {\n \"href\": _vm.prev.href\n }\n }, [_vm._v(\" < prev \")]) : _vm._e(), _vm._v(\" \"), _c('a', {\n staticClass: \"source\",\n attrs: {\n \"href\": _vm.sourceHref\n }\n }, [_vm._v(\" source \")]), _vm._v(\" \"), (_vm.next) ? _c('a', {\n staticClass: \"next\",\n attrs: {\n \"href\": _vm.next.href\n }\n }, [_vm._v(\" next > \")]) : _vm._e()])])\n},staticRenderFns: []}\n\n/***/ }),\n/* 89 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('svg', {\n attrs: {\n \"width\": \"500\",\n \"height\": \"300\"\n }\n })\n},staticRenderFns: []}\n\n/***/ }),\n/* 90 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('svg', {\n attrs: {\n \"id\": \"bars-style-basic-svg\",\n \"width\": \"500\",\n \"height\": \"300\"\n }\n })\n},staticRenderFns: []}\n\n/***/ }),\n/* 91 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"hello\"\n }, [_c('ul', _vm._l((_vm.items), function(item) {\n return _c('li', [_c('a', {\n attrs: {\n \"href\": item.href\n }\n }, [_vm._v(_vm._s(item.name))])])\n }))])\n},staticRenderFns: []}\n\n/***/ }),\n/* 92 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n attrs: {\n \"id\": \"app\"\n }\n }, [_vm._m(0), _vm._v(\" \"), _c('h2', [_vm._v(_vm._s(_vm.$route.name))]), _vm._v(\" \"), _c('top-nav'), _vm._v(\" \"), _c('router-view')], 1)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('a', {\n attrs: {\n \"href\": \"#/\"\n }\n }, [_c('h1', [_vm._v(\" D3.js vs Vue.js examples \")])])\n}]}\n\n/***/ }),\n/* 93 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', [_c('svg', {\n attrs: {\n \"width\": \"500\",\n \"height\": \"300\"\n }\n }), _vm._v(\" \"), _c('br'), _vm._v(\" \"), _c('input', {\n directives: [{\n name: \"model\",\n rawName: \"v-model\",\n value: (_vm.circleSize),\n expression: \"circleSize\"\n }],\n attrs: {\n \"type\": \"range\",\n \"min\": \"1\",\n \"max\": \"100\",\n \"step\": \"1\"\n },\n domProps: {\n \"value\": _vm._s(_vm.circleSize)\n },\n on: {\n \"input\": function($event) {\n _vm.circleSize = $event.target.value\n }\n }\n })])\n},staticRenderFns: []}\n\n/***/ }),\n/* 94 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('svg', {\n attrs: {\n \"width\": \"500\",\n \"height\": \"300\"\n }\n })\n},staticRenderFns: []}\n\n/***/ }),\n/* 95 */\n/***/ (function(module, exports) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('svg', {\n attrs: {\n \"width\": \"500\",\n \"height\": \"300\"\n }\n })\n},staticRenderFns: []}\n\n/***/ }),\n/* 96 */,\n/* 97 */,\n/* 98 */,\n/* 99 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(17);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vue__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__app__ = __webpack_require__(33);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__app___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__app__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__router__ = __webpack_require__(32);\n\n\n\n\n\nnew __WEBPACK_IMPORTED_MODULE_0_vue___default.a({\n el: '#app',\n router: __WEBPACK_IMPORTED_MODULE_2__router__[\"a\" /* default */],\n template: '<app/>',\n components: { app: __WEBPACK_IMPORTED_MODULE_1__app___default.a }\n});\n\n/***/ })\n],[99]);\n\n\n// WEBPACK FOOTER //\n// static/js/app.53dc1a8721bd1693c475.js","const config = require('config.json');\n\nexport const routes = [\n {\n name: 'Circle: mount',\n path: '/circle-mount',\n component: require('d3-components/circle-mount')\n },\n {\n name: 'Circle: size controller',\n path: '/size-controller',\n component: require('d3-components/size-controller')\n },\n {\n name: 'Bars: styles basic',\n path: '/bars-style-basic',\n component: require('d3-components/bars-style-basic')\n },\n {\n name: 'Bars: styles scoped',\n path: '/bars-style-scoped',\n component: require('d3-components/bars-style-scoped')\n },\n {\n name: 'Pie chart: local component & props',\n path: '/pie-chart-local-component',\n folder: true,\n component: require('d3-components/pie-chart-local-component/index')\n }\n].map(r => {\n var res = r;\n res.href = \"#\" + r.path;\n res.source = config.githubLink +\n config.d3ComponentsPath +\n r.path +\n (r.folder ? '' : '.vue')\n return res;\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/router/demos.js","module.exports = {\n\t\"githubLink\": \"https://github.com/corpglory/d3vue/\",\n\t\"d3ComponentsPath\": \"tree/master/src/d3-components\"\n};\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/config.json\n// module id = 31\n// module chunks = 1","import Vue from 'vue'\nimport Router from 'vue-router'\nimport Index from 'components/index'\nimport {routes as demoRoutes} from './demos'\n\nVue.use(Router)\n\nexport default new Router({\n routes: [\n {\n path: '/',\n name: 'Menu',\n component: Index\n }, ... demoRoutes\n\n ]\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/router/index.js","\n/* styles */\nrequire(\"!!./../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?sourceMap!./../node_modules/vue-loader/lib/style-rewriter?id=data-v-41b7bac0&scoped=true!./../node_modules/vue-loader/lib/selector?type=styles&index=0!./app.vue\")\n\nvar Component = require(\"!./../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../node_modules/vue-loader/lib/selector?type=script&index=0!./app.vue\"),\n /* template */\n require(\"!!./../node_modules/vue-loader/lib/template-compiler?id=data-v-41b7bac0!./../node_modules/vue-loader/lib/selector?type=template&index=0!./app.vue\"),\n /* scopeId */\n \"data-v-41b7bac0\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app.vue\n// module id = 33\n// module chunks = 1","<template>\n <div id=\"app\">\n <a href='#/'> <h1> D3.js vs Vue.js examples </h1> </a>\n <h2>{{ $route.name }}</h2>\n <top-nav />\n <router-view></router-view>\n </div>\n</template>\n\n<script>\n\nimport topNav from './components/demos-navigation'\n\nexport default {\n name: 'app',\n components: { topNav }\n}\n</script>\n\n<style scoped>\n#app {\n font-family: 'Avenir', Helvetica, Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-align: center;\n margin-top: 30px;\n}\na {\n color: black;\n text-decoration: none;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// app.vue?7c5cdb38","<template>\n <div id=\"holder\">\n <div class=\"links\">\n <a v-if=\"prev\" :href=\"prev.href\" class=\"prev\"> < prev </a>\n <a :href=\"sourceHref\" class=\"source\"> source </a>\n <a v-if=\"next\" :href=\"next.href\" class=\"next\"> next > </a>\n </div>\n </div>\n</template>\n\n<script>\n\nimport { routes } from 'router/demos';\nconst config = require('config.json');\n\nexport default {\n computed: {\n prev: function() {\n var index = this.findIndex();\n if(index == -1) {\n return undefined;\n }\n return index > 0 ? routes[index - 1] : undefined;\n },\n next: function() {\n var index = this.findIndex();\n if(index == -1) {\n return undefined;\n }\n return index + 1 < routes.length ? routes[index + 1] : undefined;\n },\n sourceHref: function() {\n var index = this.findIndex();\n if(index == -1) {\n return config.githubLink;\n }\n return routes[index].source;\n }\n },\n methods: {\n findIndex: function() {\n var me = this.$route.path;\n return routes.findIndex(r => r.path === me);\n }\n }\n}\n</script>\n\n<style scoped>\n\n#links {\n display: block;\n width: 300px;\n height: 40px;\n position: relative;\n}\n\na {\n display: block;\n position: absolute;\n width: 100px;\n text-decoration: none;\n font-weight: bold;\n color: blue;\n}\n\na:hover {\n text-decoration: underline;\n}\n\n.prev {\n left: 0px;\n text-align: left;\n}\n\n.source {\n left:100px;\n text-align: center;\n}\n\n.next {\n right: 0px;\n text-align: right;\n}\n\n#holder {\n width: 300px;\n margin: auto;\n position: relative;\n height: 30px;\n /*border-top: 1px dashed gray;*/\n border-bottom: 1px dashed gray;\n padding-top: 10px;\n margin-top: 10px;\n margin-bottom: 10px;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// demos-navigation.vue?e77c5472","<template>\n <div class=\"hello\">\n <ul>\n <li v-for=\"item in items\">\n <a :href=\"item.href\">{{ item.name }}</a>\n </li>\n </ul>\n </div>\n</template>\n\n<script>\nimport { routes } from 'router/demos'\n\nexport default {\n data () {\n return {\n items: routes\n }\n }\n}\n</script>\n\n<style scoped>\nh1, h2 {\n font-weight: normal;\n}\n\nul {\n /*list-style-type: none;*/\n padding: 0;\n margin: auto;\n width: 300px;\n}\n\nli {\n /*display: inline-block;*/\n margin: 0 0px;\n list-style: decimal\n}\n\na {\n color: blue;\n display: block;\n text-decoration: none;\n text-align: left;\n}\n\na:hover {\n text-decoration: underline;;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// index.vue?256bb945","<!--\n\nLinks:\n .vue files: https://vuejs.org/v2/guide/single-file-components.html\n\nAdvanced:\n D3.append: https://github.com/d3/d3-selection/blob/master/src/selection/index.js\n\n-->\n\n<template>\n <svg id=\"bars-style-basic-svg\" width=\"500\" height=\"300\"></svg>\n</template>\n\n<script>\nconst d3 = require('d3');\n\nexport default {\n mounted: function() {\n var svg = d3.select(this.$el);\n var width = +svg.attr('width');\n var height = +svg.attr('height');\n var data = [\n {name: 'one', val: 100},\n {name: 'two', val: 150},\n {name: 'three', val: 200}\n ]\n\n var x = d3.scaleBand()\n .rangeRound([0, width]).padding(0.1)\n .domain(data.map(d => d.name));\n var y = d3.scaleLinear()\n .rangeRound([height, 0])\n .domain([0, d3.max(data, d => d.val)])\n\n svg\n .selectAll('rect')\n .data(data)\n .enter()\n .append('rect')\n .attr('x', d => x(d.name))\n .attr('class', d => d.name)\n .attr('y', d => y(d.val))\n .attr('width', x.bandwidth())\n .attr('height', d => height - y(d.val))\n }\n}\n</script>\n\n<style>\n /*\n #bars-style-basic-svg\n will be added to global namespace\n */\n #bars-style-basic-svg .one {\n fill: #ffc300\n }\n #bars-style-basic-svg .two {\n fill: #c70039\n }\n #bars-style-basic-svg .three {\n fill: #571845\n }\n #bars-style-basic-svg {\n margin-top: 40px;\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// bars-style-basic.vue?66b9bf74","<!--\n\nBased on ./bars-style-basic.vue\nMaybe there is a better solution.\n\nLinks:\n Object attr: https://www.w3schools.com/xml/dom_attribute.asp\n Scopes css: https://github.com/vuejs/vue-loader/blob/master/docs/en/features/scoped-css.md\n .vue files: https://vuejs.org/v2/guide/single-file-components.html\n\n-->\n\n<template>\n <svg width=\"500\" height=\"300\"></svg>\n</template>\n\n<script>\nconst d3 = require('d3');\nexport default {\n mounted: function() {\n\n // vue loader will substitute data attribute for styles\n var STYLE_MODULE_NAME = this.$el.attributes[0];\n\n var svg = d3.select(this.$el);\n var width = +svg.attr('width');\n var height = +svg.attr('height');\n var data = [\n {name: 'one', val: 100},\n {name: 'two', val: 150},\n {name: 'three', val: 200}\n ]\n\n var x = d3.scaleBand()\n .rangeRound([0, width]).padding(0.1)\n .domain(data.map(d => d.name));\n var y = d3.scaleLinear()\n .rangeRound([height, 0])\n .domain([0, d3.max(data, d => d.val)])\n\n svg\n .selectAll('rect')\n .data(data)\n .enter()\n .append('rect')\n\n // We add attr here\n .attr('data-v-0e55e99d', '')\n .attr('x', d => x(d.name))\n .attr('class', d => d.name)\n .attr('y', d => y(d.val))\n .attr('width', x.bandwidth())\n .attr('height', d => height - y(d.val))\n }\n}\n</script>\n\n<style scoped>\n .one {\n fill: #154890\n }\n .two {\n fill: #e1d4c0\n }\n .three {\n fill: #ff6600\n }\n svg {\n margin-top: 40px;\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// bars-style-scoped.vue?77bcc28f","<!--\nLinks:\n Components: https://vuejs.org/v2/guide/components.html\n .vue files: https://vuejs.org/v2/guide/single-file-components.html\n\nAdvanced:\n Component Lifecyrcle: https://vuejs.org/v2/guide/instance.html#Lifecycle-Diagram\n Virtual DOM: https://medium.com/js-dojo/whats-new-in-vue-js-2-0-virtual-dom-dc4b5b827f40#.hexwxh9m3\n-->\n\n<template>\n <svg width=\"500\" height=\"300\"></svg>\n</template>\n\n<script>\nconst d3 = require('d3');\nexport default {\n mounted: function() {\n // this.#el - is the root element in <template>\n // in this case it is <svg> tag\n d3.select(this.$el)\n .append('circle')\n .attr('cx', '250')\n .attr('cy', '150')\n .attr('r', '100')\n }\n}\n</script>\n\n<style>\n</style>\n\n\n\n// WEBPACK FOOTER //\n// circle-mount.vue?33e0bdf0","<!--\n\nLinks:\n Local Registration: https://vuejs.org/v2/guide/components.html#Local-Registration\n Props: https://vuejs.org/v2/guide/components.html#Passing-Data-with-Props\n Methods: https://vuejs.org/v2/guide/events.html#Method-Event-Handlers\n Conditional Rendering: https://vuejs.org/v2/guide/conditional.html\n\nData:\n http://www.studentsoftheworld.info/penpals/stats.php3?Pays=\n\n-->\n\n<template>\n <div>\n <h3>Most popular female names in the world</h3>\n <pie :data=\"names\" />\n <br>\n <button v-if=\"canAddAName\" v-on:click=\"addName\">Add a name</button>\n </div>\n</template>\n\n<script>\n\nvar _ = require('lodash')\nconst pie = require('d3-components/pie-chart-local-component/pie')\n\nconst NAMES = [\n { name: 'Sarah', value: 2502 },\n { name: 'Emma', value: 2005 },\n { name: 'Laura', value: 1968 },\n { name: 'Chloé', value: 1863 },\n { name: 'Marie', value: 1810 },\n { name: 'Emily', value: 1637 },\n { name: 'Léa', value: 1592 },\n { name: 'Camille', value: 1572 },\n { name: 'Anna', value: 1433 },\n { name: 'Manon', value: 1403 }\n]\n\nexport default {\n components: {\n pie: pie\n },\n data: function() {\n return {\n names: _.take(NAMES, 3)\n }\n },\n computed: {\n canAddAName: function() {\n return this.names.length < NAMES.length;\n }\n },\n methods: {\n addName: function() {\n this.names.push(NAMES[this.names.length]);\n }\n }\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// index.vue?238521f8","<!--\n\nBased on:\n https://bl.ocks.org/shimizu/f90651541575f348a129444003a73467\n\nLinks:\n Props: https://vuejs.org/v2/guide/components.html#Passing-Data-with-Props\n Methods: https://vuejs.org/v2/guide/events.html#Method-Event-Handlers\n\n-->\n\n<template>\n <svg width=\"500\" height=\"300\"></svg>\n</template>\n\n<script>\n\nconst d3 = require('d3');\n\nexport default {\n mounted: function() {\n var svg = d3.select(this.$el);\n var width = +svg.attr('width');\n var height = +svg.attr('height');\n\n var margin = { top:20, left:0, bottom:30, right:0 };\n\n var chartWidth = width - (margin.left + margin.right);\n var chartHeight = height - (margin.top + margin.bottom);\n\n this.chartLayer = svg\n .append('g')\n .attr(\n \"transform\",\n `translate(${margin.left}, ${margin.top})`\n );\n\n this.arc = d3.arc()\n .outerRadius(chartHeight / 2)\n .innerRadius(chartHeight / 4)\n .padAngle(0.03)\n .cornerRadius(8)\n\n this.pieG = this.chartLayer\n .append(\"g\")\n .attr(\n \"transform\",\n `translate(${chartWidth / 2}, ${chartHeight / 2})`\n )\n\n this.drawChart(this.data);\n\n },\n props: ['data'],\n watch: {\n data: function(newData) {\n this.drawChart(newData);\n }\n },\n methods: {\n drawChart: function(data) {\n var arcs = d3.pie()\n .sort(null)\n .value(function(d) { return d.value; })\n (data)\n\n var block = this.pieG.selectAll(\".arc\")\n .data(arcs)\n\n block.select('path').attr('d', this.arc)\n\n var newBlock = block\n .enter()\n .append(\"g\")\n .classed(\"arc\", true)\n\n newBlock.append(\"path\")\n .attr(\"d\", this.arc)\n .attr(\"id\", function(d, i) { return \"arc-\" + i })\n .attr(\"stroke\", \"gray\")\n .attr(\"fill\", d => d3.interpolateCool(Math.random()))\n\n newBlock.append(\"text\")\n .attr(\"dx\", 10)\n .attr(\"dy\", -5)\n .append(\"textPath\")\n .attr(\"xlink:href\", function(d, i) { return \"#arc-\" + i; })\n .text(function(d) { return d.data.name })\n }\n }\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// pie.vue?0bafbf9c","<!--\nLinks\n Data: https://vuejs.org/v2/guide/components.html#data-Must-Be-a-Function\n Form Input Bindings: https://vuejs.org/v2/guide/forms.html#Basic-Usage\n Watchers: https://vuejs.org/v2/guide/computed.html#Watchers\n-->\n\n<template>\n <div>\n <svg width=\"500\" height=\"300\"></svg>\n <br>\n <input\n type=\"range\"\n v-model=\"circleSize\"\n min=\"1\"\n max=\"100\"\n step=\"1\"\n >\n </div>\n</template>\n\n<script>\nconst d3 = require('d3');\nexport default {\n data: function() {\n return {\n circleSize: 50\n }\n },\n mounted: function(createElement) {\n var svg = d3.select(this.$el).select('svg');\n this.circle = svg\n .append('circle')\n .attr('cx', '250')\n .attr('cy', '150')\n .attr('r', this.circleSize)\n },\n watch: {\n circleSize: function(newValue) {\n this.circle\n .attr('r', newValue)\n }\n }\n\n}\n</script>\n\n<style>\n</style>\n\n\n\n// WEBPACK FOOTER //\n// size-controller.vue?981154c2","\n/* styles */\nrequire(\"!!./../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?sourceMap!./../../node_modules/vue-loader/lib/style-rewriter?id=data-v-098bb42e&scoped=true!./../../node_modules/vue-loader/lib/selector?type=styles&index=0!./demos-navigation.vue\")\n\nvar Component = require(\"!./../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../../node_modules/vue-loader/lib/selector?type=script&index=0!./demos-navigation.vue\"),\n /* template */\n require(\"!!./../../node_modules/vue-loader/lib/template-compiler?id=data-v-098bb42e!./../../node_modules/vue-loader/lib/selector?type=template&index=0!./demos-navigation.vue\"),\n /* scopeId */\n \"data-v-098bb42e\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/demos-navigation.vue\n// module id = 79\n// module chunks = 1","\n/* styles */\nrequire(\"!!./../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?sourceMap!./../../node_modules/vue-loader/lib/style-rewriter?id=data-v-417810ac&scoped=true!./../../node_modules/vue-loader/lib/selector?type=styles&index=0!./index.vue\")\n\nvar Component = require(\"!./../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../../node_modules/vue-loader/lib/selector?type=script&index=0!./index.vue\"),\n /* template */\n require(\"!!./../../node_modules/vue-loader/lib/template-compiler?id=data-v-417810ac!./../../node_modules/vue-loader/lib/selector?type=template&index=0!./index.vue\"),\n /* scopeId */\n \"data-v-417810ac\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/components/index.vue\n// module id = 80\n// module chunks = 1","\n/* styles */\nrequire(\"!!./../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?sourceMap!./../../node_modules/vue-loader/lib/style-rewriter?id=data-v-135caa9e!./../../node_modules/vue-loader/lib/selector?type=styles&index=0!./bars-style-basic.vue\")\n\nvar Component = require(\"!./../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../../node_modules/vue-loader/lib/selector?type=script&index=0!./bars-style-basic.vue\"),\n /* template */\n require(\"!!./../../node_modules/vue-loader/lib/template-compiler?id=data-v-135caa9e!./../../node_modules/vue-loader/lib/selector?type=template&index=0!./bars-style-basic.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/d3-components/bars-style-basic.vue\n// module id = 81\n// module chunks = 1","\n/* styles */\nrequire(\"!!./../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?sourceMap!./../../node_modules/vue-loader/lib/style-rewriter?id=data-v-0e55e99d&scoped=true!./../../node_modules/vue-loader/lib/selector?type=styles&index=0!./bars-style-scoped.vue\")\n\nvar Component = require(\"!./../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../../node_modules/vue-loader/lib/selector?type=script&index=0!./bars-style-scoped.vue\"),\n /* template */\n require(\"!!./../../node_modules/vue-loader/lib/template-compiler?id=data-v-0e55e99d!./../../node_modules/vue-loader/lib/selector?type=template&index=0!./bars-style-scoped.vue\"),\n /* scopeId */\n \"data-v-0e55e99d\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/d3-components/bars-style-scoped.vue\n// module id = 82\n// module chunks = 1","\n/* styles */\nrequire(\"!!./../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?sourceMap!./../../node_modules/vue-loader/lib/style-rewriter?id=data-v-6cdccc88!./../../node_modules/vue-loader/lib/selector?type=styles&index=0!./circle-mount.vue\")\n\nvar Component = require(\"!./../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../../node_modules/vue-loader/lib/selector?type=script&index=0!./circle-mount.vue\"),\n /* template */\n require(\"!!./../../node_modules/vue-loader/lib/template-compiler?id=data-v-6cdccc88!./../../node_modules/vue-loader/lib/selector?type=template&index=0!./circle-mount.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/d3-components/circle-mount.vue\n// module id = 83\n// module chunks = 1","var Component = require(\"!./../../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../../../node_modules/vue-loader/lib/selector?type=script&index=0!./index.vue\"),\n /* template */\n require(\"!!./../../../node_modules/vue-loader/lib/template-compiler?id=data-v-0098151c!./../../../node_modules/vue-loader/lib/selector?type=template&index=0!./index.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/d3-components/pie-chart-local-component/index.vue\n// module id = 84\n// module chunks = 1","var Component = require(\"!./../../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../../../node_modules/vue-loader/lib/selector?type=script&index=0!./pie.vue\"),\n /* template */\n require(\"!!./../../../node_modules/vue-loader/lib/template-compiler?id=data-v-5cc699a8!./../../../node_modules/vue-loader/lib/selector?type=template&index=0!./pie.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/d3-components/pie-chart-local-component/pie.vue\n// module id = 85\n// module chunks = 1","\n/* styles */\nrequire(\"!!./../../node_modules/extract-text-webpack-plugin/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?sourceMap!./../../node_modules/vue-loader/lib/style-rewriter?id=data-v-4dc993ec!./../../node_modules/vue-loader/lib/selector?type=styles&index=0!./size-controller.vue\")\n\nvar Component = require(\"!./../../node_modules/vue-loader/lib/component-normalizer\")(\n /* script */\n require(\"!!babel-loader!./../../node_modules/vue-loader/lib/selector?type=script&index=0!./size-controller.vue\"),\n /* template */\n require(\"!!./../../node_modules/vue-loader/lib/template-compiler?id=data-v-4dc993ec!./../../node_modules/vue-loader/lib/selector?type=template&index=0!./size-controller.vue\"),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/d3-components/size-controller.vue\n// module id = 86\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', [_c('h3', [_vm._v(\"Most popular female names in the world\")]), _vm._v(\" \"), _c('pie', {\n attrs: {\n \"data\": _vm.names\n }\n }), _vm._v(\" \"), _c('br'), _vm._v(\" \"), (_vm.canAddAName) ? _c('button', {\n on: {\n \"click\": _vm.addName\n }\n }, [_vm._v(\"Add a name\")]) : _vm._e()], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-0098151c!./~/vue-loader/lib/selector.js?type=template&index=0!./src/d3-components/pie-chart-local-component/index.vue\n// module id = 87\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n attrs: {\n \"id\": \"holder\"\n }\n }, [_c('div', {\n staticClass: \"links\"\n }, [(_vm.prev) ? _c('a', {\n staticClass: \"prev\",\n attrs: {\n \"href\": _vm.prev.href\n }\n }, [_vm._v(\" < prev \")]) : _vm._e(), _vm._v(\" \"), _c('a', {\n staticClass: \"source\",\n attrs: {\n \"href\": _vm.sourceHref\n }\n }, [_vm._v(\" source \")]), _vm._v(\" \"), (_vm.next) ? _c('a', {\n staticClass: \"next\",\n attrs: {\n \"href\": _vm.next.href\n }\n }, [_vm._v(\" next > \")]) : _vm._e()])])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-098bb42e!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/demos-navigation.vue\n// module id = 88\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('svg', {\n attrs: {\n \"width\": \"500\",\n \"height\": \"300\"\n }\n })\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-0e55e99d!./~/vue-loader/lib/selector.js?type=template&index=0!./src/d3-components/bars-style-scoped.vue\n// module id = 89\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('svg', {\n attrs: {\n \"id\": \"bars-style-basic-svg\",\n \"width\": \"500\",\n \"height\": \"300\"\n }\n })\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-135caa9e!./~/vue-loader/lib/selector.js?type=template&index=0!./src/d3-components/bars-style-basic.vue\n// module id = 90\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n staticClass: \"hello\"\n }, [_c('ul', _vm._l((_vm.items), function(item) {\n return _c('li', [_c('a', {\n attrs: {\n \"href\": item.href\n }\n }, [_vm._v(_vm._s(item.name))])])\n }))])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-417810ac!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/index.vue\n// module id = 91\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', {\n attrs: {\n \"id\": \"app\"\n }\n }, [_vm._m(0), _vm._v(\" \"), _c('h2', [_vm._v(_vm._s(_vm.$route.name))]), _vm._v(\" \"), _c('top-nav'), _vm._v(\" \"), _c('router-view')], 1)\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('a', {\n attrs: {\n \"href\": \"#/\"\n }\n }, [_c('h1', [_vm._v(\" D3.js vs Vue.js examples \")])])\n}]}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-41b7bac0!./~/vue-loader/lib/selector.js?type=template&index=0!./src/app.vue\n// module id = 92\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('div', [_c('svg', {\n attrs: {\n \"width\": \"500\",\n \"height\": \"300\"\n }\n }), _vm._v(\" \"), _c('br'), _vm._v(\" \"), _c('input', {\n directives: [{\n name: \"model\",\n rawName: \"v-model\",\n value: (_vm.circleSize),\n expression: \"circleSize\"\n }],\n attrs: {\n \"type\": \"range\",\n \"min\": \"1\",\n \"max\": \"100\",\n \"step\": \"1\"\n },\n domProps: {\n \"value\": _vm._s(_vm.circleSize)\n },\n on: {\n \"input\": function($event) {\n _vm.circleSize = $event.target.value\n }\n }\n })])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-4dc993ec!./~/vue-loader/lib/selector.js?type=template&index=0!./src/d3-components/size-controller.vue\n// module id = 93\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('svg', {\n attrs: {\n \"width\": \"500\",\n \"height\": \"300\"\n }\n })\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-5cc699a8!./~/vue-loader/lib/selector.js?type=template&index=0!./src/d3-components/pie-chart-local-component/pie.vue\n// module id = 94\n// module chunks = 1","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n return _c('svg', {\n attrs: {\n \"width\": \"500\",\n \"height\": \"300\"\n }\n })\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-6cdccc88!./~/vue-loader/lib/selector.js?type=template&index=0!./src/d3-components/circle-mount.vue\n// module id = 95\n// module chunks = 1","// The Vue build version to load with the `import` command\n// (runtime-only or standalone) has been set in webpack.base.conf with an alias.\nimport Vue from 'vue'\nimport app from './app'\nimport router from './router'\n\n/* eslint-disable no-new */\nnew Vue({\n el: '#app',\n router,\n template: '<app/>',\n components: { app }\n})\n\n\n\n// WEBPACK FOOTER //\n// ./src/main.js"],"sourceRoot":""} |