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.
 
 
 

1 lines
123 KiB

{"version":3,"sources":["webpack:///static/js/app.bb478689be3640ebf141.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-styles.vue","webpack:///index.vue?1c3f","webpack:///map.vue","webpack:///tooltip.vue","webpack:///bubbles.vue","webpack:///index.vue?1273","webpack:///menu.vue","webpack:///circle-mount.vue","webpack:///index.vue?172e","webpack:///pie.vue","webpack:///size-controller.vue","webpack:///./src/d3-components/bubbles-nested-routes/ph2/index.js","webpack:///./src/d3-components/bubbles-nested-routes/ph2/layout-contry.js","webpack:///./src/d3-components/bubbles-nested-routes/ph2/layout-day.js","webpack:///./src/d3-components/bubbles-nested-routes/ph2/layout-total.js","webpack:///./src/components/demos-navigation.vue","webpack:///./src/components/index.vue","webpack:///./src/d3-components/bars-styles.vue","webpack:///./src/d3-components/basic-map-tooltip/index.vue","webpack:///./src/d3-components/basic-map-tooltip/map.vue","webpack:///./src/d3-components/basic-map-tooltip/tooltip.vue","webpack:///./src/d3-components/bubbles-nested-routes/bubbles.vue","webpack:///./src/d3-components/bubbles-nested-routes/index.vue","webpack:///./src/d3-components/bubbles-nested-routes/menu.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/basic-map-tooltip/map.vue?6756","webpack:///./src/d3-components/bubbles-nested-routes/index.vue?9b49","webpack:///./src/d3-components/bubbles-nested-routes/menu.vue?ff71","webpack:///./src/d3-components/basic-map-tooltip/index.vue?3ac4","webpack:///./src/d3-components/bubbles-nested-routes/bubbles.vue?2ad1","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/basic-map-tooltip/tooltip.vue?369d","webpack:///./src/d3-components/bars-styles.vue?5946","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","alias","map","r","res","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","addRectsWithName","elem","append","text","attr","width","selectAll","enter","x","y","val","bandwidth","range","svg","select","$el","height","scaleBand","rangeRound","padding","domain","scaleLinear","max","call","STYLE_MODULE_NAME","attributes","__WEBPACK_IMPORTED_MODULE_0_d3_dsv__","tooltip","STATES_DATA_PATH","usMap","created","that","$http","get","then","statesData","parse","population","split","join","STATE_ABBR","currentState","currentStateDescription","onStateSelected","stateCode","onStateDeselected","topojson","v","projection","geoAlbersUsa","geoPath","json","error","us","g","feature","objects","usStates","features","on","$emit","properties","props","__WEBPACK_IMPORTED_MODULE_0__ph2_index__","watch","groupBy","_groupBy","ph2","setLayout","_data","setData","bubblesG","csv","menu","bubbles","MY_URL_PREFIX","_","LINKS","layout","active","groupMenu","activeLink","findActiveLink","links","_this","each","l","link","find","to","from","alinks","item","pie","NAMES","names","take","canAddAName","addName","push","margin","top","left","bottom","right","chartWidth","chartHeight","chartLayer","arc","outerRadius","innerRadius","padAngle","cornerRadius","pieG","drawChart","newData","arcs","sort","block","newBlock","classed","i","interpolateCool","Math","random","circleSize","createElement","circle","newValue","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default","__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__","__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default","__WEBPACK_IMPORTED_MODULE_2__layout_total__","__WEBPACK_IMPORTED_MODULE_3__layout_contry__","__WEBPACK_IMPORTED_MODULE_4__layout_day__","__WEBPACK_IMPORTED_MODULE_5_lodash__","PH2","layoutName","_init","key","Error","layouts","exit","inited","init","simulation","alpha","restart","nodes","Magnitude","forceSimulation","force","forceCollide","iterations","forceX","strength","forceY","_initLayouts","node","ticked","total","country","day","k","_class","groups","location","Location","countries","console","log","j","target","nodesBefore","forceLink","id","forceManyBody","countryG","countyLabels","linesG","insert","lines","remove","DAY_RANGE","WIDTH","dayX","_dayToX","Date","forceIndexCollide","forceIndexY","daysG","render","_vm","_h","$createElement","_c","_self","_v","attrs","click","_e","staticRenderFns","staticClass","href","_l","class","_s","stateSelected","stateDeselected","title","Name","description","_m","directives","rawName","expression","type","min","step","domProps","input","$event","__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__","__WEBPACK_IMPORTED_MODULE_3_vue_resource__","__WEBPACK_IMPORTED_MODULE_3_vue_resource___default","el","router","template","app"],"mappings":"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","file":"static/js/app.bb478689be3640ebf141.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/* 10 */,\n/* 11 */,\n/* 12 */,\n/* 13 */\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__(35);\n\nvar routes = [{\n name: 'Circle: mount',\n path: '/circle-mount',\n component: __webpack_require__(114)\n}, {\n name: 'Circle: size controller',\n path: '/size-controller',\n component: __webpack_require__(117)\n}, {\n name: 'Bars: styles',\n path: '/bars-styles',\n component: __webpack_require__(107)\n}, {\n name: 'Pie chart: local component & props',\n path: '/pie-chart-local-component',\n folder: true,\n component: __webpack_require__(115)\n}, {\n name: 'Basic map: html tooltip & events',\n path: '/basic-map-tooltip',\n folder: true,\n component: __webpack_require__(108)\n}, {\n name: 'Bubbles: nested routes',\n path: '/bubbles-nested-routes',\n alias: '/bubbles-nested-routes/*',\n folder: true,\n component: __webpack_require__(112)\n}].map(function (r) {\n var res = r;\n res.source = config.githubLink + config.d3ComponentsPath + r.path + (r.folder ? '' : '.vue');\n return res;\n});\n\n/***/ }),\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/* 32 */,\n/* 33 */,\n/* 34 */,\n/* 35 */\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/* 36 */\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__(59);\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__(22);\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__(132);\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__(106);\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__(13);\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/* 37 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(97)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(39),\n /* template */\n __webpack_require__(126),\n /* scopeId */\n \"data-v-41b7bac0\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 38 */,\n/* 39 */\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__(105);\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/* 40 */\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__(13);\n\n\n\nvar config = __webpack_require__(35);\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.name;\n return __WEBPACK_IMPORTED_MODULE_0_router_demos__[\"a\" /* routes */].findIndex(function (r) {\n return r.name === me;\n });\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/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_router_demos__ = __webpack_require__(13);\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/* 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__(1);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n mounted: function mounted() {\n\n var svg = d3.select(this.$el);\n var width = +svg.attr('width');\n var height = +svg.attr('height');\n\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.3 - 20, 0]).domain([0, d3.max(data, function (d) {\n return d.val;\n })]);\n\n function addRectsWithName(elem, name) {\n elem.append('text').text(name).attr('x', width / 2).attr('y', 5).attr('text-anchor', 'middle');\n elem.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 y.range()[0] - y(d.val);\n });\n }\n\n svg.append('g').attr('id', 'bars-style').attr('transform', 'translate(0, 20)').call(addRectsWithName, 'Basic styles');\n\n var STYLE_MODULE_NAME = this.$el.attributes[0].name;\n svg.append('g').attr('transform', 'translate(0, ' + (height * 0.3 + 20) + ')').call(addRectsWithName, 'Scoped styles').selectAll('rect').attr(STYLE_MODULE_NAME, '');\n\n svg.append('g').attr('id', 'bars-style-sass').attr('transform', 'translate(0, ' + (height * 0.6 + 20) + ')').call(addRectsWithName, 'Sass styles');\n }\n};\n\n/***/ }),\n/* 43 */\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_d3_dsv__ = __webpack_require__(88);\n\n\nvar _ = __webpack_require__(3);\n\nvar map = __webpack_require__(109);\nvar tooltip = __webpack_require__(110);\n\nvar STATES_DATA_PATH = 'static/data/states-data.csv';\n\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n components: {\n usMap: map,\n tooltip: tooltip\n },\n created: function created() {\n var that = this;\n\n this.$http.get(STATES_DATA_PATH).then(function (res) {\n this.statesData = {};\n __WEBPACK_IMPORTED_MODULE_0_d3_dsv__[\"a\" /* dsvFormat */](';').parse(res.data, function (d) {\n var population = d[\"2017 Population\"].split(',').join('');\n d.value = +population;\n that.statesData[d.STATE_ABBR] = d;\n delete d[\"2017 Population\"];\n delete d[\"STATE_ABBR\"];\n return d;\n });\n });\n },\n data: function data() {\n return {\n statesData: undefined,\n currentState: undefined\n };\n },\n computed: {\n currentStateDescription: function currentStateDescription() {\n return \"Population: \" + this.currentState.value;\n }\n },\n methods: {\n onStateSelected: function onStateSelected(stateCode) {\n this.currentState = this.statesData[stateCode];\n },\n onStateDeselected: function onStateDeselected(stateCode) {\n this.currentState = undefined;\n }\n }\n};\n\n/***/ }),\n/* 44 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\nvar d3 = __webpack_require__(1);\nvar topojson = __webpack_require__(104);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n mounted: function mounted() {\n var v = this;\n var svg = d3.select(this.$el);\n var width = +svg.attr('width');\n var height = +svg.attr('height');\n\n var projection = d3.geoAlbersUsa();\n var path = d3.geoPath().projection(projection);\n\n d3.json(\"static/data/us.json\", function (error, us) {\n var g = svg.append('g');\n g.selectAll('.state').data(topojson.feature(us, us.objects.usStates).features).enter().append(\"path\").attr(\"class\", \"state\").attr(\"d\", path).on('mouseover', function (d) {\n v.$emit('stateSelected', d.properties.STATE_ABBR);\n }).on('mouseout', function (d) {\n v.$emit('stateDeselected', d.properties.STATE_ABBR);\n });\n g.attr('transform', 'scale(0.57)');\n });\n }\n};\n\n/***/ }),\n/* 45 */\n/***/ (function(module, exports) {\n\n\n\nmodule.exports = {\n name: 'tooltip',\n props: ['title', 'description']\n};\n\n/***/ }),\n/* 46 */\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__ph2_index__ = __webpack_require__(53);\n\n\n\nvar d3 = __webpack_require__(1);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n props: ['groupBy', 'data'],\n watch: {\n groupBy: function groupBy(_groupBy) {\n this.ph2.setLayout(_groupBy);\n },\n data: function data(_data) {\n this.ph2.setData(_data);\n }\n },\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 that = this;\n var bubblesG = svg.append('g').attr('transform', 'translate(' + width / 2 + ', ' + height / 2 + ')');\n\n d3.csv('static/data/earthquakes.csv', function (data) {\n that.ph2 = new __WEBPACK_IMPORTED_MODULE_0__ph2_index__[\"a\" /* default */](bubblesG, data, that.groupBy);\n });\n }\n\n};\n\n/***/ }),\n/* 47 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\nvar menu = __webpack_require__(113);\nvar bubbles = __webpack_require__(111);\n\nvar MY_URL_PREFIX = 'bubbles-nested-routes';\nvar _ = __webpack_require__(3);\n\nvar LINKS = [{\n name: 'None',\n path: '',\n layout: 'total'\n}, {\n name: 'By country',\n path: '/country',\n layout: 'country'\n}, {\n name: 'By day',\n path: '/day',\n layout: 'day'\n}].map(function (d) {\n d.path = '#/' + MY_URL_PREFIX + d.path;\n d.active = false;\n return d;\n});\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n components: {\n groupMenu: menu,\n bubbles: bubbles\n },\n data: function data() {\n return {\n activeLink: this.findActiveLink()\n };\n },\n computed: {\n links: function links() {\n return LINKS;\n }\n },\n methods: {\n findActiveLink: function findActiveLink() {\n var _this = this;\n\n _.each(LINKS, function (l) {\n l.active = false;\n });\n var link = _.find(LINKS, function (l) {\n return l.path == '#' + _this.$route.path;\n });\n if (!link) {\n link = LINKS[0];\n }\n return link;\n }\n },\n watch: {\n '$route': function $route(to, from) {\n this.activeLink = this.findActiveLink();\n }\n }\n};\n\n/***/ }),\n/* 48 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\nvar _ = __webpack_require__(3);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = {\n props: ['links', 'activeLink'],\n computed: {\n alinks: function alinks() {\n var that = this;\n return _.map(this.links, function (l) {\n return {\n item: l,\n active: l.path == that.activeLink.path\n };\n });\n }\n }\n};\n\n/***/ }),\n/* 49 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\nvar d3 = __webpack_require__(1);\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/* 50 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\nvar _ = __webpack_require__(3);\nvar pie = __webpack_require__(116);\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/* 51 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\nvar d3 = __webpack_require__(1);\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/* 52 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\nvar d3 = __webpack_require__(1);\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/* 53 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(7);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__layout_total__ = __webpack_require__(56);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__layout_contry__ = __webpack_require__(54);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__layout_day__ = __webpack_require__(55);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_lodash__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_lodash___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_lodash__);\n\n\n\n\n\n\n\n\nvar d3 = __webpack_require__(1);\n\n\nvar PH2 = function () {\n function PH2(elem, data, layoutName) {\n __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, PH2);\n\n this.svg = elem;\n this.data = data;\n this.setData(data);\n this._init();\n this.layout = undefined;\n this.setLayout(layoutName);\n }\n\n __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default()(PH2, [{\n key: 'setLayout',\n value: function setLayout(layoutName) {\n\n if (layoutName === undefined) {\n throw new Error('layoutName is undefined');\n }\n if (!this.layouts) {\n throw new Error('Layouts are not defined');\n }\n if (!this.layouts[layoutName]) {\n throw new Error('Can`t find layout ' + layoutName);\n }\n\n if (this.layout) {\n this.layout.exit();\n }\n this.layout = this.layouts[layoutName];\n if (!this.layout.inited) {\n this.layout.init();\n this.layout.inited = true;\n }\n this.layout.enter();\n this.simulation.alpha(1);\n this.simulation.restart();\n }\n }, {\n key: 'setData',\n value: function setData(data) {\n this.nodes = data.map(function (d) {\n return {\n r: +d.Magnitude\n };\n });\n }\n }, {\n key: '_init',\n value: function _init() {\n this.simulation = d3.forceSimulation().force(\"index-collide\", d3.forceCollide(function (d) {\n return d.r + 5;\n }).iterations(16)).force(\"index-x\", d3.forceX().strength(0.04)).force(\"index-y\", d3.forceY().strength(0.04));\n\n this._initLayouts();\n\n var node = this.svg.append(\"g\").attr(\"class\", \"nodes\").selectAll(\"circle\").data(this.nodes).enter().append(\"circle\").attr(\"r\", function (d) {\n return d.r;\n });\n\n var that = this;\n var ticked = function ticked() {\n node.attr(\"cx\", function (d) {\n return d.x;\n }).attr(\"cy\", function (d) {\n return d.y;\n });\n if (that.layout.ticked) {\n that.layout.ticked();\n }\n };\n\n this.simulation.nodes(this.nodes).on(\"tick\", ticked);\n }\n }, {\n key: '_initLayouts',\n value: function _initLayouts() {\n this.layouts = {\n 'total': __WEBPACK_IMPORTED_MODULE_2__layout_total__[\"a\" /* default */],\n 'country': __WEBPACK_IMPORTED_MODULE_3__layout_contry__[\"a\" /* default */],\n 'day': __WEBPACK_IMPORTED_MODULE_4__layout_day__[\"a\" /* default */]\n };\n\n for (var k in this.layouts) {\n var v = this.layouts[k];\n this.layouts[k] = new v(this.svg, this.data, this.simulation);\n }\n }\n }]);\n\n return PH2;\n}();\n\n/* harmony default export */ __webpack_exports__[\"a\"] = PH2;\n\n/***/ }),\n/* 54 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(7);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__);\n\n\nvar d3 = __webpack_require__(1);\nvar _ = __webpack_require__(3);\n\nvar _class = function () {\n function _class(elem, data, simulation) {\n __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, _class);\n\n this.elem = elem;\n this.data = data;\n this.simulation = simulation;\n }\n\n __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default()(_class, [{\n key: 'init',\n value: function init() {\n var groups = _(this.data).map(function (k, i) {\n return {\n location: k.Location.split(', ')[1],\n index: i\n };\n }).groupBy('location').value();\n\n this.countries = _.map(groups, function (v, k) {\n return { key: k, r: -30 };\n });\n\n this.links = [];\n console.log(groups[this.countries[0].key][0]);\n for (var i = 0; i < this.countries.length; i++) {\n for (var j = 0; j < groups[this.countries[i].key].length; j++) {\n this.links.push({\n source: i + this.data.length,\n target: groups[this.countries[i].key][j].index\n });\n }\n }\n }\n }, {\n key: 'enter',\n value: function enter() {\n\n this.nodesBefore = this.simulation.nodes();\n this.simulation.force(\"country-link\", d3.forceLink().id(function (d) {\n return d.index;\n })).force(\"country-charge\", d3.forceManyBody().strength(-30)).force(\"country-x\", d3.forceX().strength(0.11)).force(\"country-y\", d3.forceY().strength(0.11));\n\n this.simulation.force(\"link\");\n\n this.simulation.nodes(_.concat(this.nodesBefore, this.countries));\n\n this.countryG = this.elem.append(\"g\");\n this.countyLabels = this.countryG.selectAll('text').data(this.countries).enter().append('text').text(function (d) {\n return d.key;\n }).attr(\"text-anchor\", \"middle\").attr(\"font-size\", \"8\");\n\n this.linesG = this.elem.insert(\"g\", \":first-child\");\n this.lines = this.linesG.selectAll(\"line\").data(this.links).enter().append(\"line\").attr(\"stroke\", \"#d7d7d7\");\n\n this.simulation.force(\"country-link\").links(this.links);\n }\n }, {\n key: 'ticked',\n value: function ticked() {\n this.lines.attr(\"x1\", function (d) {\n return d.source.x;\n }).attr(\"y1\", function (d) {\n return d.source.y;\n }).attr(\"x2\", function (d) {\n return d.target.x;\n }).attr(\"y2\", function (d) {\n return d.target.y;\n });\n this.countyLabels.attr('x', function (d) {\n return d.x;\n }).attr('y', function (d) {\n return d.y;\n });\n }\n }, {\n key: 'exit',\n value: function exit() {\n this.simulation.nodes(this.nodesBefore);\n this.simulation.force(\"country-link\", null).force(\"country-charge\", null).force(\"country-x\", null).force(\"country-y\", null);\n\n this.linesG.remove();\n this.countryG.remove();\n }\n }]);\n\n return _class;\n}();\n\n/* harmony default export */ __webpack_exports__[\"a\"] = _class;\n\n/***/ }),\n/* 55 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(7);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__);\n\n\nvar d3 = __webpack_require__(1);\nvar _ = __webpack_require__(3);\n\nvar DAY_RANGE = d3.range(14, 24);\nvar WIDTH = 500;\n\nvar _class = function () {\n function _class(elem, data, simulation) {\n __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, _class);\n\n this.elem = elem;\n this.data = data;\n this.simulation = simulation;\n }\n\n __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default()(_class, [{\n key: 'init',\n value: function init() {\n var _this = this;\n\n this.dayX = _.map(this.data, function (d) {\n return _this._dayToX(+d.Date.split('-')[0]);\n });\n }\n }, {\n key: 'enter',\n value: function enter() {\n this.forceIndexCollide = this.simulation.force(\"index-collide\");\n this.simulation.force(\"index-collide\", null);\n this.forceIndexY = this.simulation.force(\"index-y\");\n this.simulation.force(\"index-y\", null);\n\n this.simulation.force(\"day-collide\", d3.forceCollide(function (d) {\n return d.r + 2;\n }).iterations(16));\n\n this.daysG = this.elem.append('g');\n\n this.daysG.selectAll('text').data(DAY_RANGE).enter().append('text').text(function (d) {\n return d;\n }).attr('x', this._dayToX).attr('font-size', 10).attr('fill', 'gray').attr('text-anchor', 'middle');\n\n var that = this;\n this.simulation.force('day-x', d3.forceX(function (d) {\n return that.dayX[d.index];\n }).strength(1));\n this.simulation.force(\"day-y\", d3.forceY().strength(0.005));\n }\n }, {\n key: 'exit',\n value: function exit() {\n this.daysG.remove();\n this.simulation.force('day-x', null);\n this.simulation.force(\"index-collide\", this.forceIndexCollide);\n this.simulation.force(\"index-y\", this.forceIndexY);\n }\n }, {\n key: '_dayToX',\n value: function _dayToX(day) {\n return (day - DAY_RANGE[0]) * WIDTH / DAY_RANGE.length - WIDTH * 0.48;\n }\n }]);\n\n return _class;\n}();\n\n/* harmony default export */ __webpack_exports__[\"a\"] = _class;\n\n/***/ }),\n/* 56 */\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__ = __webpack_require__(7);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__ = __webpack_require__(8);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass__);\n\n\n\nvar _class = function () {\n function _class(elem, data, simulation) {\n __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_classCallCheck___default()(this, _class);\n\n this.elem = elem;\n this.simulation = simulation;\n }\n\n __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_createClass___default()(_class, [{\n key: \"init\",\n value: function init() {}\n }, {\n key: \"enter\",\n value: function enter() {}\n }, {\n key: \"exit\",\n value: function exit() {}\n }]);\n\n return _class;\n}();\n\n/* harmony default export */ __webpack_exports__[\"a\"] = _class;\n\n/***/ }),\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/* 72 */,\n/* 73 */,\n/* 74 */,\n/* 75 */,\n/* 76 */,\n/* 77 */,\n/* 78 */,\n/* 79 */,\n/* 80 */,\n/* 81 */,\n/* 82 */,\n/* 83 */,\n/* 84 */,\n/* 85 */,\n/* 86 */,\n/* 87 */,\n/* 88 */,\n/* 89 */,\n/* 90 */,\n/* 91 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 92 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 93 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 94 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 95 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 96 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 97 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 98 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 99 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 100 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 101 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 102 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 103 */\n/***/ (function(module, exports) {\n\n// removed by extract-text-webpack-plugin\n\n/***/ }),\n/* 104 */,\n/* 105 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(91)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(40),\n /* template */\n __webpack_require__(119),\n /* scopeId */\n \"data-v-098bb42e\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 106 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(96)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(41),\n /* template */\n __webpack_require__(125),\n /* scopeId */\n \"data-v-417810ac\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 107 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(101)\n__webpack_require__(102)\n__webpack_require__(100)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(42),\n /* template */\n __webpack_require__(130),\n /* scopeId */\n \"data-v-63d4ce13\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 108 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(95)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(43),\n /* template */\n __webpack_require__(123),\n /* scopeId */\n \"data-v-39fd153a\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 109 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(92)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(44),\n /* template */\n __webpack_require__(120),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 110 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(99)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(45),\n /* template */\n __webpack_require__(129),\n /* scopeId */\n \"data-v-6039702a\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 111 */\n/***/ (function(module, exports, __webpack_require__) {\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(46),\n /* template */\n __webpack_require__(124),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 112 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(93)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(47),\n /* template */\n __webpack_require__(121),\n /* scopeId */\n \"data-v-28f41ffe\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 113 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(94)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(48),\n /* template */\n __webpack_require__(122),\n /* scopeId */\n \"data-v-37ada400\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 114 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(103)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(49),\n /* template */\n __webpack_require__(131),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 115 */\n/***/ (function(module, exports, __webpack_require__) {\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(50),\n /* template */\n __webpack_require__(118),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 116 */\n/***/ (function(module, exports, __webpack_require__) {\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(51),\n /* template */\n __webpack_require__(128),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 117 */\n/***/ (function(module, exports, __webpack_require__) {\n\n\n/* styles */\n__webpack_require__(98)\n\nvar Component = __webpack_require__(0)(\n /* script */\n __webpack_require__(52),\n /* template */\n __webpack_require__(127),\n /* scopeId */\n null,\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n/* 118 */\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('h4', [_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/* 119 */\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('router-link', {\n staticClass: \"prev\",\n attrs: {\n \"to\": _vm.prev.path\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('router-link', {\n staticClass: \"next\",\n attrs: {\n \"to\": _vm.next.path\n }\n }, [_vm._v(\" next > \")]) : _vm._e()], 1)])\n},staticRenderFns: []}\n\n/***/ }),\n/* 120 */\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/* 121 */\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: \"holder\"\n }, [_c('groupMenu', {\n attrs: {\n \"links\": _vm.links,\n \"activeLink\": _vm.activeLink\n }\n }), _vm._v(\" \"), _c('bubbles', {\n attrs: {\n \"groupBy\": _vm.activeLink.layout\n }\n })], 1)\n},staticRenderFns: []}\n\n/***/ }),\n/* 122 */\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: \"holder\"\n }, [_c('ul', {\n staticClass: \"menu\"\n }, [_c('li', [_vm._v(\"Group by: \")]), _vm._v(\" \"), _vm._l((_vm.alinks), function(link) {\n return _c('li', [_c('a', {\n class: {\n active: link.active\n },\n attrs: {\n \"href\": link.item.path\n }\n }, [_vm._v(\" \" + _vm._s(link.item.name) + \" \")])])\n })], 2)])\n},staticRenderFns: []}\n\n/***/ }),\n/* 123 */\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: \"mapHolder\"\n }, [_c('us-map', {\n on: {\n \"stateSelected\": _vm.onStateSelected,\n \"stateDeselected\": _vm.onStateDeselected\n }\n })], 1), _vm._v(\" \"), (_vm.currentState) ? _c('tooltip', {\n attrs: {\n \"title\": _vm.currentState.Name,\n \"description\": _vm.currentStateDescription\n }\n }) : _vm._e()], 1)\n},staticRenderFns: []}\n\n/***/ }),\n/* 124 */\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\": \"600\",\n \"height\": \"500\"\n }\n })\n},staticRenderFns: []}\n\n/***/ }),\n/* 125 */\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('router-link', {\n attrs: {\n \"to\": item.path\n }\n }, [_vm._v(_vm._s(item.name))])], 1)\n }))])\n},staticRenderFns: []}\n\n/***/ }),\n/* 126 */\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/* 127 */\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/* 128 */\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/* 129 */\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\": \"tooltipPositioner\"\n }\n }, [_c('div', {\n attrs: {\n \"id\": \"tooltip\"\n }\n }, [_c('div', {\n attrs: {\n \"id\": \"tooltipContainer\"\n }\n }, [_c('div', {\n staticClass: \"title\"\n }, [_vm._v(_vm._s(_vm.title))]), _vm._v(\" \"), _c('div', {\n staticClass: \"description\"\n }, [_vm._v(_vm._s(_vm.description))])])])])\n},staticRenderFns: []}\n\n/***/ }),\n/* 130 */\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/* 131 */\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/* 132 */,\n/* 133 */,\n/* 134 */,\n/* 135 */\n/***/ (function(module, exports) {\n\n/* (ignored) */\n\n/***/ }),\n/* 136 */\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__(22);\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__(37);\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__(36);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_vue_resource__ = __webpack_require__(38);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_vue_resource___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_vue_resource__);\n\n\n\n\n\n\n__WEBPACK_IMPORTED_MODULE_0_vue___default.a.use(__WEBPACK_IMPORTED_MODULE_3_vue_resource___default.a);\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],[136]);\n\n\n// WEBPACK FOOTER //\n// static/js/app.bb478689be3640ebf141.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',\n path: '/bars-styles',\n component: require('d3-components/bars-styles')\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 {\n name: 'Basic map: html tooltip & events',\n path: '/basic-map-tooltip',\n folder: true,\n component: require('d3-components/basic-map-tooltip/index')\n },\n {\n name: 'Bubbles: nested routes',\n path: '/bubbles-nested-routes',\n alias: '/bubbles-nested-routes/*',\n folder: true,\n component: require('d3-components/bubbles-nested-routes/index')\n }\n].map(r => {\n var res = r;\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 = 35\n// module chunks = 1","import Vue from 'vue'\nimport VueRouter from 'vue-router'\nimport Index from 'components/index'\nimport {routes as demoRoutes} from './demos'\n\nVue.use(VueRouter)\n\nexport default new VueRouter({\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 = 37\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 <router-link v-if=\"prev\" :to=\"prev.path\" class=\"prev\"> < prev </router-link>\n <a :href=\"sourceHref\" class=\"source\"> source </a>\n <router-link v-if=\"next\" :to=\"next.path\" class=\"next\"> next > </router-link>\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.name;\n return routes.findIndex(r => r.name === 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?0933b847","<template>\n <div class=\"hello\">\n <ul>\n <li v-for=\"item in items\">\n <router-link :to=\"item.path\">{{ item.name }}</router-link>\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?912f400a","<!--\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 D3.append: https://github.com/d3/d3-selection/blob/master/src/selection/index.js\n Installation of SASS tutorial: https://www.youtube.com/watch?v=fIpLr04f8Ms\n SASS: http://sass-lang.com/guide\n\n-->\n\n<template>\n <svg width=\"500\" height=\"300\"></svg>\n</template>\n\n<script>\nconst d3 = require('d3');\n\nexport default {\n mounted: function() {\n\n var svg = d3.select(this.$el);\n var width = +svg.attr('width');\n var height = +svg.attr('height');\n\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.3 - 20, 0])\n .domain([0, d3.max(data, d => d.val)])\n\n function addRectsWithName(elem, name) {\n elem\n .append('text')\n .text(name)\n .attr('x', width / 2)\n .attr('y', 5)\n .attr('text-anchor', 'middle');\n elem.selectAll('rect')\n .data(data)\n .enter()\n .append('rect')\n // We add attr here\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 => y.range()[0] - y(d.val))\n }\n\n\n svg\n .append('g')\n .attr('id', 'bars-style')\n .attr('transform', `translate(0, 20)`)\n .call(addRectsWithName, 'Basic styles');\n\n // vue loader will substitute data attribute for styles\n var STYLE_MODULE_NAME = this.$el.attributes[0].name;\n svg\n .append('g')\n .attr('transform', `translate(0, ${height * 0.3 + 20})`)\n .call(addRectsWithName, 'Scoped styles')\n .selectAll('rect')\n .attr(STYLE_MODULE_NAME, '')\n\n svg\n .append('g')\n .attr('id', 'bars-style-sass')\n .attr('transform', `translate(0, ${height * 0.6 + 20})`)\n .call(addRectsWithName, 'Sass styles');\n\n }\n}\n</script>\n\n<style>\n#bars-style .one {\n fill: #ffc300\n}\n#bars-style .two {\n fill: #c70039\n}\n#bars-style .three {\n fill: #571845\n}\n\n</style>\n\n<style scoped>\n.one {\n fill: #154890\n}\n.two {\n fill: #e1d4c0\n}\n.three {\n fill: #ff6600\n}\n</style>\n\n<style lang=\"sass\">\n#bars-style-sass\n .one\n fill: #AA5C39\n .two\n fill: #5B9632\n .three\n fill: #2A4F6E\n</style>\n\n\n\n// WEBPACK FOOTER //\n// bars-styles.vue?0c000424","<!--\n\nLinks:\n Events: https://vuejs.org/v2/guide/events.html\n Computed properties: https://vuejs.org/v2/guide/computed.html\n\nData:\n http://worldpopulationreview.com/states/\n\n-->\n\n<template>\n <div id=\"holder\">\n <div class=\"mapHolder\">\n <us-map\n v-on:stateSelected=\"onStateSelected\"\n v-on:stateDeselected=\"onStateDeselected\"\n />\n </div>\n <tooltip\n v-if=\"currentState\"\n :title=\"currentState.Name\"\n :description=\"currentStateDescription\"\n />\n </div>\n</template>\n\n<script>\n\nvar _ = require('lodash');\n\nconst map = require('d3-components/basic-map-tooltip/map');\nconst tooltip = require('d3-components/basic-map-tooltip/tooltip');\n\nconst STATES_DATA_PATH = 'static/data/states-data.csv';\n\n// lets load with vue-resource, but parse with d3\n// just because we can\nimport * as d3 from 'd3-dsv';\n\n\nexport default {\n components: {\n usMap: map,\n tooltip: tooltip\n },\n created: function() {\n var that = this;\n\n this.$http.get(STATES_DATA_PATH)\n .then(function(res) {\n this.statesData = {};\n d3.dsvFormat(';')\n .parse(res.data, d => {\n var population = d[\"2017 Population\"].split(',').join('');\n d.value = +population;\n that.statesData[d.STATE_ABBR] = d;\n delete d[\"2017 Population\"];\n delete d[\"STATE_ABBR\"];\n return d;\n });\n })\n },\n data: function() {\n return {\n statesData: undefined,\n currentState: undefined\n }\n },\n computed: {\n currentStateDescription: function() {\n return \"Population: \" + this.currentState.value;\n }\n },\n methods: {\n onStateSelected: function(stateCode) {\n this.currentState = this.statesData[stateCode];\n },\n onStateDeselected: function(stateCode) {\n this.currentState = undefined;\n }\n }\n}\n\n</script>\n\n<style scoped>\n#holder {\n position: relative;\n height: 300px;\n width: 500px;\n margin: auto;\n}\n.mapHolder {\n position: absolute;\n margin: auto;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// index.vue?3adf2697","<!--\n\nIt would be great if you color the map by population using data from index.vue\n\nBased on:\n http://bl.ocks.org/rveciana/a2a1c21ca1c71cd3ec116cc911e5fce9\n http://bl.ocks.org/mapsam/6083585\n\n\nLinks:\n\n-->\n\n<template>\n <svg width=\"500\" height=\"300\"></svg>\n</template>\n\n<script>\n\nconst d3 = require('d3');\nconst topojson = require('topojson')\n\nexport default {\n mounted: function() {\n var v = this;\n var svg = d3.select(this.$el);\n var width = +svg.attr('width');\n var height = +svg.attr('height');\n\n var projection = d3.geoAlbersUsa();\n var path = d3.geoPath().projection(projection);\n\n d3.json(\"static/data/us.json\", function(error, us) {\n var g = svg.append('g');\n g\n .selectAll('.state')\n .data(topojson.feature(us, us.objects.usStates).features)\n .enter()\n .append(\"path\")\n .attr(\"class\", \"state\")\n .attr(\"d\", path)\n .on('mouseover', function(d) {\n v.$emit('stateSelected', d.properties.STATE_ABBR)\n \t\t})\n .on('mouseout', function(d) {\n v.$emit('stateDeselected', d.properties.STATE_ABBR)\n })\n g.attr('transform', 'scale(0.57)')\n });\n\n }\n // TODO: fire events\n}\n</script>\n\n<style>\n.state {\n fill: #ccc;\n stroke: #fff;\n}\n.state:hover {\n fill: steelblue;\n}\n</style>\n\n\n\n// WEBPACK FOOTER //\n// map.vue?333e8ef6","<template>\n<div id=\"tooltipPositioner\">\n <div id=\"tooltip\">\n <div id=\"tooltipContainer\">\n <div class=\"title\">{{title}}</div>\n <div class=\"description\">{{description}}</div>\n </div>\n </div>\n</div>\n</template>\n\n<script>\n\n module.exports = {\n name: 'tooltip',\n props: ['title', 'description']\n }\n\n</script>\n\n<style scoped>\n\n#tooltipPositioner {\n position: relative;\n left: 50%;\n top: 350px;\n width: 240px;\n}\n\n#tooltipContainer {\n position: absolute;\n bottom: 0;\n width: 230px;\n left: -125px;\n font-size: 12px;\n line-height: 16px;\n padding: 10px;\n border-radius: 3px;\n background: rgba(255,255,255,0.9);\n color: #000;\n box-shadow: 0 1px 5px rgba(0,0,0,0.4);\n -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4);\n border:1px solid rgba(200,200,200,0.85);\n text-align:center;\n}\n\n#tooltip {\n text-align:center;\n z-index: 1000;\n position: absolute;\n display: block;\n}\n\n#tooltip .description {\n color:#666;\n font-size: 11px;\n text-align:center;\n font-style:italic;\n}\n\n#tooltip .title {\n text-align: left;\n font-size: 13px;\n text-align:center;\n}\n\n</style>\n\n\n\n// WEBPACK FOOTER //\n// tooltip.vue?0568acbd","<!--\n\nBased on:\n\nLinks:\n\n-->\n\n<template>\n <svg width=\"600\" height=\"500\"></svg>\n</template>\n\n<script>\n\nimport PH2 from './ph2/index';\nconst d3 = require('d3');\n\nexport default {\n props: ['groupBy', 'data'],\n watch: {\n groupBy: function(groupBy) {\n this.ph2.setLayout(groupBy);\n },\n data: function(data) {\n this.ph2.setData(data);\n }\n },\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 that = this;\n var bubblesG = svg.append('g').attr('transform', `translate(${width/2}, ${height/2})`)\n\n // TODO: remove it later\n d3.csv('static/data/earthquakes.csv', function(data) {\n that.ph2 = new PH2(bubblesG, data, that.groupBy);\n });\n }\n\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// bubbles.vue?f1a493b8","<!--\n\nExplanation:\n It is not really nester routes.\n It is magic of aliases and $watch route.\n See /src/router/demos.js (Bubbles: nested routes part)\n and /src/router/index.js\n\nLinks:\n Dynamic-matching: https://router.vuejs.org/en/essentials/dynamic-matching.html\n Nested Routes: https://router.vuejs.org/en/essentials/nested-routes.html\n\n-->\n\n<template>\n <div class=\"holder\">\n <!-- <h4>Earthquakes in september 2012</h4> -->\n <groupMenu :links=\"links\" :activeLink=\"activeLink\" />\n <bubbles :groupBy=\"activeLink.layout\" />\n\n </div>\n</template>\n\n<script>\n\nconst menu = require('d3-components/bubbles-nested-routes/menu');\nconst bubbles = require('d3-components/bubbles-nested-routes/bubbles');\n\nconst MY_URL_PREFIX = 'bubbles-nested-routes';\nconst _ = require('lodash');\n\nconst LINKS = [\n {\n name: 'None',\n path: '',\n layout: 'total'\n },\n {\n name: 'By country',\n path: '/country',\n layout: 'country'\n },\n {\n name: 'By day',\n path: '/day',\n layout: 'day'\n }\n ].map(d => {\n d.path = '#/' + MY_URL_PREFIX + d.path;\n d.active = false;\n return d;\n });\n\n\nexport default {\n components: {\n groupMenu: menu,\n bubbles: bubbles\n },\n data: function() {\n return {\n activeLink: this.findActiveLink()\n }\n },\n computed: {\n links: function() {\n return LINKS;\n }\n },\n methods: {\n findActiveLink: function() {\n _.each(LINKS, l => {\n l.active = false;\n })\n var link = _.find(LINKS, l => l.path == '#' + this.$route.path);\n if(!link) {\n link = LINKS[0];\n }\n return link;\n }\n },\n watch: {\n '$route' (to, from) {\n this.activeLink = this.findActiveLink();\n }\n }\n}\n</script>\n\n<style scoped>\n .holder {\n width: 500px;\n margin: auto;\n }\n .menu ul {\n padding: 0;\n margin: 0;\n }\n .menu li {\n text-align: left;\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// index.vue?1c397024","<template>\n <div class=\"holder\">\n <ul class=\"menu\">\n <li>Group by: </li>\n <li v-for=\"link in alinks\">\n <a :href=\"link.item.path\" :class=\"{active: link.active}\"> {{link.item.name}} </a>\n </li>\n </ul>\n </div>\n</template>\n\n<script>\n\nconst _ = require('lodash');\n\nexport default {\n props: ['links', 'activeLink'],\n computed: {\n alinks: function() {\n var that = this;\n return _.map(this.links, l => ({\n item: l,\n active: (l.path == that.activeLink.path)\n }))\n }\n }\n}\n</script>\n\n<style scoped>\n .menu {\n padding: 0;\n margin: 0;\n }\n .menu li {\n text-align: left;\n display: inline-block;\n text-align: left;\n margin: 0px;\n margin-right: 10px;\n }\n .menu li a {\n text-decoration: none;\n }\n .menu li a.active {\n text-decoration: underline;\n }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// menu.vue?4002d4e6","<!--\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 <h4>Most popular female names in the world</h4>\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?59ed6498","<!--\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","// http://vallandingham.me/bubble_charts_with_d3v4.html\n\nimport layoutTotal from './layout-total';\nimport layoutCountry from './layout-contry';\nimport layoutDay from './layout-day';\n\nconst d3 = require('d3');\nimport _ from 'lodash';\n\n// TODO: do it d3-way so I can use selection.call()\n\nexport default class PH2 {\n constructor(elem, data, layoutName) {\n this.svg = elem;\n this.data = data;\n this.setData(data);\n this._init();\n this.layout = undefined;\n this.setLayout(layoutName);\n }\n\n setLayout(layoutName) {\n\n if(layoutName === undefined) {\n throw new Error('layoutName is undefined');\n }\n if(!this.layouts) {\n throw new Error('Layouts are not defined');\n }\n if(!this.layouts[layoutName]) {\n throw new Error('Can`t find layout ' + layoutName);\n }\n\n if(this.layout) {\n this.layout.exit();\n }\n this.layout = this.layouts[layoutName];\n if(!this.layout.inited) {\n this.layout.init();\n this.layout.inited = true;\n }\n this.layout.enter();\n this.simulation.alpha(1);\n this.simulation.restart();\n }\n\n setData(data) {\n this.nodes = data.map(d => ({\n r: +d.Magnitude\n }))\n }\n\n _init() {\n this.simulation = d3.forceSimulation()\n .force(\"index-collide\", d3.forceCollide(d => d.r + 5).iterations(16))\n .force(\"index-x\", d3.forceX().strength(0.04))\n .force(\"index-y\", d3.forceY().strength(0.04))\n\n this._initLayouts();\n\n var node = this.svg.append(\"g\")\n .attr(\"class\", \"nodes\")\n .selectAll(\"circle\")\n .data(this.nodes)\n .enter()\n .append(\"circle\")\n .attr(\"r\", d => d.r )\n\n var that = this;\n var ticked = function() {\n node\n .attr(\"cx\", d => d.x )\n .attr(\"cy\", d => d.y );\n if(that.layout.ticked) {\n that.layout.ticked();\n }\n }\n\n this.simulation\n .nodes(this.nodes)\n .on(\"tick\", ticked);\n\n }\n\n _initLayouts() {\n this.layouts = {\n 'total': layoutTotal,\n 'country': layoutCountry,\n 'day': layoutDay\n };\n\n for (var k in this.layouts) {\n var v = this.layouts[k];\n this.layouts[k] = new v(this.svg, this.data, this.simulation);\n }\n }\n\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/d3-components/bubbles-nested-routes/ph2/index.js","const d3 = require('d3');\nconst _ = require('lodash');\n\nexport default class {\n constructor(elem, data, simulation) {\n this.elem = elem;\n this.data = data;\n this.simulation = simulation;\n }\n\n init() {\n var groups = _(this.data)\n .map((k, i) => ({\n location: k.Location.split(', ')[1],\n index: i\n }))\n .groupBy('location')\n .value();\n\n this.countries = _.map(groups, (v, k) => ({ key: k, r: -30 }));\n\n this.links = [];\n console.log(groups[this.countries[0].key][0]);\n for(var i = 0; i < this.countries.length; i++) {\n for(var j = 0; j < groups[this.countries[i].key].length; j++) {\n this.links.push({\n source: i + this.data.length,\n target: groups[this.countries[i].key][j].index\n });\n }\n }\n\n }\n\n enter() {\n\n this.nodesBefore = this.simulation.nodes();\n this.simulation\n .force(\"country-link\", d3.forceLink().id(d => d.index))\n .force(\"country-charge\", d3.forceManyBody().strength(-30))\n .force(\"country-x\", d3.forceX().strength(0.11))\n .force(\"country-y\", d3.forceY().strength(0.11))\n\n //console.log(this.simulation.force(\"link\").distance());\n this.simulation.force(\"link\")//.distance(-10)\n\n this.simulation.nodes(_.concat(this.nodesBefore, this.countries));\n\n this.countryG = this.elem.append(\"g\");\n this.countyLabels = this.countryG\n .selectAll('text')\n .data(this.countries)\n .enter()\n .append('text')\n .text(d => d.key)\n .attr(\"text-anchor\", \"middle\")\n .attr(\"font-size\", \"8\")\n\n this.linesG = this.elem.insert(\"g\", \":first-child\");\n this.lines = this.linesG\n .selectAll(\"line\")\n .data(this.links)\n .enter()\n .append(\"line\")\n .attr(\"stroke\", \"#d7d7d7\")\n\n\n this.simulation\n .force(\"country-link\")\n .links(this.links);\n\n }\n\n ticked() {\n this.lines\n .attr(\"x1\", d => d.source.x)\n .attr(\"y1\", d => d.source.y)\n .attr(\"x2\", d => d.target.x)\n .attr(\"y2\", d => d.target.y);\n this.countyLabels\n .attr('x', d => d.x)\n .attr('y', d => d.y)\n }\n\n exit() {\n this.simulation\n .nodes(this.nodesBefore);\n this.simulation\n .force(\"country-link\", null)\n .force(\"country-charge\", null)\n .force(\"country-x\", null)\n .force(\"country-y\", null)\n\n this.linesG.remove();\n this.countryG.remove();\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/d3-components/bubbles-nested-routes/ph2/layout-contry.js","const d3 = require('d3');\nconst _ = require('lodash');\n\nconst DAY_RANGE = d3.range(14, 24);\nconst WIDTH = 500;\n\nexport default class {\n constructor(elem, data, simulation) {\n this.elem = elem;\n this.data = data;\n this.simulation = simulation;\n }\n init() {\n this.dayX = _.map(\n this.data, d => this._dayToX(+d.Date.split('-')[0])\n );\n }\n enter() {\n this.forceIndexCollide = this.simulation.force(\"index-collide\");\n this.simulation.force(\"index-collide\", null);\n this.forceIndexY = this.simulation.force(\"index-y\");\n this.simulation.force(\"index-y\", null);\n\n this.simulation.force(\"day-collide\", d3.forceCollide(d => d.r + 2).iterations(16))\n\n\n this.daysG = this.elem.append('g');\n\n this.daysG\n .selectAll('text')\n .data(DAY_RANGE)\n .enter()\n .append('text')\n .text(d => d)\n .attr('x', this._dayToX)\n .attr('font-size', 10)\n .attr('fill', 'gray')\n .attr('text-anchor', 'middle')\n\n var that = this;\n this.simulation.force(\n 'day-x', d3.forceX(d => that.dayX[d.index]).strength(1)\n );\n this.simulation.force(\"day-y\", d3.forceY().strength(0.005));\n }\n exit() {\n this.daysG.remove();\n this.simulation.force('day-x', null);\n this.simulation.force(\"index-collide\", this.forceIndexCollide);\n this.simulation.force(\"index-y\", this.forceIndexY);\n }\n\n _dayToX(day) {\n return (day - DAY_RANGE[0]) * WIDTH / DAY_RANGE.length - WIDTH * 0.48\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/d3-components/bubbles-nested-routes/ph2/layout-day.js","export default class {\n constructor(elem, data, simulation) {\n this.elem = elem;\n this.simulation = simulation;\n }\n init() {\n\n }\n enter() {\n\n }\n exit() {\n\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./src/d3-components/bubbles-nested-routes/ph2/layout-total.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-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 = 105\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 = 106\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-63d4ce13!./../../node_modules/vue-loader/lib/selector?type=styles&index=0!./bars-styles.vue\")\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-63d4ce13&scoped=true!./../../node_modules/vue-loader/lib/selector?type=styles&index=1!./bars-styles.vue\")\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-63d4ce13!sass-loader?indentedSyntax&sourceMap!./../../node_modules/vue-loader/lib/selector?type=styles&index=2!./bars-styles.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-styles.vue\"),\n /* template */\n require(\"!!./../../node_modules/vue-loader/lib/template-compiler?id=data-v-63d4ce13!./../../node_modules/vue-loader/lib/selector?type=template&index=0!./bars-styles.vue\"),\n /* scopeId */\n \"data-v-63d4ce13\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/d3-components/bars-styles.vue\n// module id = 107\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-39fd153a&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-39fd153a!./../../../node_modules/vue-loader/lib/selector?type=template&index=0!./index.vue\"),\n /* scopeId */\n \"data-v-39fd153a\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/d3-components/basic-map-tooltip/index.vue\n// module id = 108\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-24069e78!./../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./map.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!./map.vue\"),\n /* template */\n require(\"!!./../../../node_modules/vue-loader/lib/template-compiler?id=data-v-24069e78!./../../../node_modules/vue-loader/lib/selector?type=template&index=0!./map.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/basic-map-tooltip/map.vue\n// module id = 109\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-6039702a&scoped=true!./../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./tooltip.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!./tooltip.vue\"),\n /* template */\n require(\"!!./../../../node_modules/vue-loader/lib/template-compiler?id=data-v-6039702a!./../../../node_modules/vue-loader/lib/selector?type=template&index=0!./tooltip.vue\"),\n /* scopeId */\n \"data-v-6039702a\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/d3-components/basic-map-tooltip/tooltip.vue\n// module id = 110\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!./bubbles.vue\"),\n /* template */\n require(\"!!./../../../node_modules/vue-loader/lib/template-compiler?id=data-v-40244856!./../../../node_modules/vue-loader/lib/selector?type=template&index=0!./bubbles.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/bubbles-nested-routes/bubbles.vue\n// module id = 111\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-28f41ffe&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-28f41ffe!./../../../node_modules/vue-loader/lib/selector?type=template&index=0!./index.vue\"),\n /* scopeId */\n \"data-v-28f41ffe\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/d3-components/bubbles-nested-routes/index.vue\n// module id = 112\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-37ada400&scoped=true!./../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./menu.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!./menu.vue\"),\n /* template */\n require(\"!!./../../../node_modules/vue-loader/lib/template-compiler?id=data-v-37ada400!./../../../node_modules/vue-loader/lib/selector?type=template&index=0!./menu.vue\"),\n /* scopeId */\n \"data-v-37ada400\",\n /* cssModules */\n null\n)\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/d3-components/bubbles-nested-routes/menu.vue\n// module id = 113\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 = 114\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 = 115\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 = 116\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 = 117\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('h4', [_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 = 118\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('router-link', {\n staticClass: \"prev\",\n attrs: {\n \"to\": _vm.prev.path\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('router-link', {\n staticClass: \"next\",\n attrs: {\n \"to\": _vm.next.path\n }\n }, [_vm._v(\" next > \")]) : _vm._e()], 1)])\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 = 119\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-24069e78!./~/vue-loader/lib/selector.js?type=template&index=0!./src/d3-components/basic-map-tooltip/map.vue\n// module id = 120\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: \"holder\"\n }, [_c('groupMenu', {\n attrs: {\n \"links\": _vm.links,\n \"activeLink\": _vm.activeLink\n }\n }), _vm._v(\" \"), _c('bubbles', {\n attrs: {\n \"groupBy\": _vm.activeLink.layout\n }\n })], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-28f41ffe!./~/vue-loader/lib/selector.js?type=template&index=0!./src/d3-components/bubbles-nested-routes/index.vue\n// module id = 121\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: \"holder\"\n }, [_c('ul', {\n staticClass: \"menu\"\n }, [_c('li', [_vm._v(\"Group by: \")]), _vm._v(\" \"), _vm._l((_vm.alinks), function(link) {\n return _c('li', [_c('a', {\n class: {\n active: link.active\n },\n attrs: {\n \"href\": link.item.path\n }\n }, [_vm._v(\" \" + _vm._s(link.item.name) + \" \")])])\n })], 2)])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-37ada400!./~/vue-loader/lib/selector.js?type=template&index=0!./src/d3-components/bubbles-nested-routes/menu.vue\n// module id = 122\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: \"mapHolder\"\n }, [_c('us-map', {\n on: {\n \"stateSelected\": _vm.onStateSelected,\n \"stateDeselected\": _vm.onStateDeselected\n }\n })], 1), _vm._v(\" \"), (_vm.currentState) ? _c('tooltip', {\n attrs: {\n \"title\": _vm.currentState.Name,\n \"description\": _vm.currentStateDescription\n }\n }) : _vm._e()], 1)\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-39fd153a!./~/vue-loader/lib/selector.js?type=template&index=0!./src/d3-components/basic-map-tooltip/index.vue\n// module id = 123\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\": \"600\",\n \"height\": \"500\"\n }\n })\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-40244856!./~/vue-loader/lib/selector.js?type=template&index=0!./src/d3-components/bubbles-nested-routes/bubbles.vue\n// module id = 124\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('router-link', {\n attrs: {\n \"to\": item.path\n }\n }, [_vm._v(_vm._s(item.name))])], 1)\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 = 125\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 = 126\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 = 127\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 = 128\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\": \"tooltipPositioner\"\n }\n }, [_c('div', {\n attrs: {\n \"id\": \"tooltip\"\n }\n }, [_c('div', {\n attrs: {\n \"id\": \"tooltipContainer\"\n }\n }, [_c('div', {\n staticClass: \"title\"\n }, [_vm._v(_vm._s(_vm.title))]), _vm._v(\" \"), _c('div', {\n staticClass: \"description\"\n }, [_vm._v(_vm._s(_vm.description))])])])])\n},staticRenderFns: []}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/vue-loader/lib/template-compiler.js?id=data-v-6039702a!./~/vue-loader/lib/selector.js?type=template&index=0!./src/d3-components/basic-map-tooltip/tooltip.vue\n// module id = 129\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-63d4ce13!./~/vue-loader/lib/selector.js?type=template&index=0!./src/d3-components/bars-styles.vue\n// module id = 130\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 = 131\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\nimport VueResource from 'vue-resource'\nVue.use(VueResource);\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":""}