├── .editorconfig ├── .eslintignore ├── .eslintrc.js ├── .gitignore ├── .prettierrc.json ├── CHANGELOG.md ├── LICENSE ├── README.md ├── README.zh-CN.md ├── babel.config.js ├── docs ├── css │ ├── app.bbd8772b.css │ ├── chunk-061e6c2e.84e1d974.css │ ├── chunk-0db36954.0fb2f4eb.css │ ├── chunk-18b1f5e6.be2ee65f.css │ ├── chunk-1dbc4892.322a06e9.css │ ├── chunk-3692d032.23856b21.css │ ├── chunk-3af6c88a.fe3cff42.css │ ├── chunk-448c6038.fc5cd8f2.css │ ├── chunk-592086b2.e3e2f5e2.css │ ├── chunk-6420848c.d9610866.css │ ├── chunk-7b4b38a4.035a3ae2.css │ ├── chunk-7c1fd248.06f24822.css │ ├── chunk-7cfae45f.7bd70877.css │ ├── chunk-880c371a.e6ceb929.css │ ├── chunk-8e3d3094.7b0092e0.css │ ├── chunk-a3d28932.f8558982.css │ ├── chunk-ae9db5ee.d5fb543a.css │ ├── chunk-b5672f66.273cd9f3.css │ ├── chunk-dcf654de.3e8eda58.css │ └── chunk-vendors.c506da7d.css ├── csv │ └── aapl.csv ├── favicon.ico ├── img │ ├── d3.dd2952b2.svg │ ├── icons │ │ ├── android-chrome-192x192.png │ │ ├── android-chrome-512x512.png │ │ ├── apple-touch-icon-120x120.png │ │ ├── apple-touch-icon-152x152.png │ │ ├── apple-touch-icon-180x180.png │ │ ├── apple-touch-icon-60x60.png │ │ ├── apple-touch-icon-76x76.png │ │ ├── apple-touch-icon.png │ │ ├── favicon-16x16.png │ │ ├── favicon-32x32.png │ │ ├── msapplication-icon-144x144.png │ │ ├── mstile-150x150.png │ │ └── safari-pinned-tab.svg │ ├── vue-logo.bef60e29.svg │ └── vuetify-logo-light-atom.fa30ef5c.svg ├── index.html ├── js │ ├── app.0de1db5d.js │ ├── app.0de1db5d.js.map │ ├── chunk-061e6c2e.a0c3102f.js │ ├── chunk-061e6c2e.a0c3102f.js.map │ ├── chunk-0db36954.872db150.js │ ├── chunk-0db36954.872db150.js.map │ ├── chunk-13886534.80a2a18d.js │ ├── chunk-13886534.80a2a18d.js.map │ ├── chunk-18b1f5e6.40035070.js │ ├── chunk-18b1f5e6.40035070.js.map │ ├── chunk-1dbc4892.9ba8d9cf.js │ ├── chunk-1dbc4892.9ba8d9cf.js.map │ ├── chunk-2d0afe49.423dc0da.js │ ├── chunk-2d0afe49.423dc0da.js.map │ ├── chunk-2d0c5398.c6f77e29.js │ ├── chunk-2d0c5398.c6f77e29.js.map │ ├── chunk-2d0c8a76.813ce248.js │ ├── chunk-2d0c8a76.813ce248.js.map │ ├── chunk-2d0cedee.3bb96589.js │ ├── chunk-2d0cedee.3bb96589.js.map │ ├── chunk-2d0cf9fd.11328476.js │ ├── chunk-2d0cf9fd.11328476.js.map │ ├── chunk-2d0d6793.84afa10f.js │ ├── chunk-2d0d6793.84afa10f.js.map │ ├── chunk-2d0da318.449fa25c.js │ ├── chunk-2d0da318.449fa25c.js.map │ ├── chunk-2d0da541.df00aa80.js │ ├── chunk-2d0da541.df00aa80.js.map │ ├── chunk-2d0e9b42.0a2ccd10.js │ ├── chunk-2d0e9b42.0a2ccd10.js.map │ ├── chunk-2d0e9d7f.1307370f.js │ ├── chunk-2d0e9d7f.1307370f.js.map │ ├── chunk-2d238255.b2479f66.js │ ├── chunk-2d238255.b2479f66.js.map │ ├── chunk-3692d032.3f2480a2.js │ ├── chunk-3692d032.3f2480a2.js.map │ ├── chunk-37cfae5c.6c441d9a.js │ ├── chunk-37cfae5c.6c441d9a.js.map │ ├── chunk-3af6c88a.67ecb8cd.js │ ├── chunk-3af6c88a.67ecb8cd.js.map │ ├── chunk-3e50fd9a.e6e7f2ce.js │ ├── chunk-3e50fd9a.e6e7f2ce.js.map │ ├── chunk-3ec82d30.06c2d538.js │ ├── chunk-3ec82d30.06c2d538.js.map │ ├── chunk-448c6038.5eb8f5dc.js │ ├── chunk-448c6038.5eb8f5dc.js.map │ ├── chunk-592086b2.ea076492.js │ ├── chunk-592086b2.ea076492.js.map │ ├── chunk-6420848c.c51af563.js │ ├── chunk-6420848c.c51af563.js.map │ ├── chunk-644b5f90.b89be3f8.js │ ├── chunk-644b5f90.b89be3f8.js.map │ ├── chunk-7b4b38a4.6bd814a2.js │ ├── chunk-7b4b38a4.6bd814a2.js.map │ ├── chunk-7c1fd248.b521d68b.js │ ├── chunk-7c1fd248.b521d68b.js.map │ ├── chunk-7cfae45f.f9e33e45.js │ ├── chunk-7cfae45f.f9e33e45.js.map │ ├── chunk-820d2da2.63363556.js │ ├── chunk-820d2da2.63363556.js.map │ ├── chunk-880c371a.7664aa06.js │ ├── chunk-880c371a.7664aa06.js.map │ ├── chunk-8e3d3094.79c79471.js │ ├── chunk-8e3d3094.79c79471.js.map │ ├── chunk-a3d28932.a2e44993.js │ ├── chunk-a3d28932.a2e44993.js.map │ ├── chunk-ae9db5ee.def58d77.js │ ├── chunk-ae9db5ee.def58d77.js.map │ ├── chunk-b5672f66.6c26715b.js │ ├── chunk-b5672f66.6c26715b.js.map │ ├── chunk-cde05c00.3af1554e.js │ ├── chunk-cde05c00.3af1554e.js.map │ ├── chunk-dcf654de.f6cdcc22.js │ ├── chunk-dcf654de.f6cdcc22.js.map │ ├── chunk-e4a1b66e.bafe0bd8.js │ ├── chunk-e4a1b66e.bafe0bd8.js.map │ ├── chunk-vendors.9b52a9fe.js │ └── chunk-vendors.9b52a9fe.js.map └── json │ └── miserables.json ├── package-lock.json ├── package.json ├── public ├── csv │ └── aapl.csv ├── favicon.ico ├── img │ └── icons │ │ ├── android-chrome-192x192.png │ │ ├── android-chrome-512x512.png │ │ ├── apple-touch-icon-120x120.png │ │ ├── apple-touch-icon-152x152.png │ │ ├── apple-touch-icon-180x180.png │ │ ├── apple-touch-icon-60x60.png │ │ ├── apple-touch-icon-76x76.png │ │ ├── apple-touch-icon.png │ │ ├── favicon-16x16.png │ │ ├── favicon-32x32.png │ │ ├── msapplication-icon-144x144.png │ │ ├── mstile-150x150.png │ │ └── safari-pinned-tab.svg ├── index.html └── json │ └── miserables.json ├── scripts ├── generateComponent │ ├── index.js │ └── template.js └── generateView │ ├── index.js │ └── template.js ├── src ├── App.vue ├── assets │ ├── csv │ │ └── aapl.csv │ ├── img │ │ ├── d3.svg │ │ ├── vue-logo.svg │ │ └── vuetify-logo-light-atom.svg │ ├── json │ │ ├── a.json │ │ ├── miserables.1.json │ │ ├── miserables.json │ │ ├── simple_force_layout.json │ │ ├── simple_force_layout_2.json │ │ └── simple_force_layout_3.json │ └── tsv │ │ └── data.tsv ├── components │ ├── Axis.vue │ ├── BarChartI.vue │ ├── BarChartII.vue │ ├── CompleteHistogramI.vue │ ├── CompleteHistogramII.vue │ ├── CompleteHistogramIII.vue │ ├── ForceBasedLabelPlacementI.vue │ ├── ForceBasedLabelPlacementII.vue │ ├── ForceBasedLabelPlacementIII.vue │ ├── ForceDirectedGraph.vue │ ├── GeneralUpdatePatternI.vue │ ├── HelloWorld.vue │ ├── Introduction.vue │ ├── Lines │ │ ├── LineChartI.vue │ │ ├── LineChartII.vue │ │ ├── data.tsv │ │ └── demo.html │ ├── ModifyingAForceLayoutI.vue │ ├── ModifyingAForceLayoutII.vue │ ├── ModifyingAForceLayoutIII.vue │ ├── Scale.vue │ ├── SelectElementAndBindData.vue │ ├── SelectInsertRemove.vue │ ├── SimpleBarChart.vue │ ├── Trees │ │ ├── TreeI.vue │ │ ├── TreeII.vue │ │ ├── TreeIII.vue │ │ ├── TreeIV.vue │ │ ├── TreeV.vue │ │ ├── TreeVI.vue │ │ ├── TreeVII.vue │ │ └── TreeVIII.vue │ ├── UpdateEnterExit.vue │ ├── Zoomable.vue │ ├── ZoomableText.vue │ └── template.vue ├── main.js ├── plugins │ └── vuetify.js ├── router.js └── views │ ├── Examples.vue │ ├── Home.vue │ └── NotFound.vue └── vue.config.js /.editorconfig: -------------------------------------------------------------------------------- 1 | [*.{js,jsx,ts,tsx,vue}] 2 | indent_style = space 3 | indent_size = 2 4 | trim_trailing_whitespace = true 5 | insert_final_newline = true 6 | -------------------------------------------------------------------------------- /.eslintignore: -------------------------------------------------------------------------------- 1 | /src/mock.js -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | env: { 4 | node: true 5 | }, 6 | 'extends': [ 7 | 'plugin:vue/essential', 8 | '@vue/standard' 9 | ], 10 | rules: { 11 | // 'no-console': process.env.NODE_ENV === 'development' ? 'error' : 'off', 12 | 'no-console': 'off', 13 | 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', 14 | 'space-before-function-paren': 0 15 | }, 16 | parserOptions: { 17 | parser: 'babel-eslint' 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | # package-lock.json 5 | .history 6 | /.history 7 | 8 | # local env files 9 | .env.local 10 | .env.*.local 11 | 12 | # Log files 13 | npm-debug.log* 14 | yarn-debug.log* 15 | yarn-error.log* 16 | 17 | # Editor directories and files 18 | .idea 19 | .vscode 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw* 25 | -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "singleQuote": true, 3 | "semi": false, 4 | "printWidth": 200, 5 | "trailingComma": "none", 6 | "arrowParens": "always" 7 | } -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # 0.1.0 (2020-03-31) 2 | 3 | 4 | ### Performance Improvements 5 | 6 | * **e.g. package.json:** improves git commit message ([bb030ff](https://github.com/gywgithub/vue-d3-examples/commit/bb030ffe02b29cb1d1d43b0f81c1d8dc06be59fd)) 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 YW 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | English | [简体中文](./README.zh-CN.md) 2 | 3 | [![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=gywgithub)](https://github.com/anuraghazra/github-readme-stats) 4 | 5 | 6 | ## Vue D3 V5 Examples 7 | 8 | `Vue` `D3` `V5` `Examples` 9 | 10 | npm: `v6.7.0` 11 | 12 | node: `v11.10.0` 13 | 14 | vue: `v2.6.6` 15 | 16 | d3: `v5.12.0` 17 | 18 | ### Online Preview 19 | 20 | https://gywgithub.github.io/vue-d3-examples/ 21 | 22 | ### Features 23 | 24 | - Basic 25 | - Tree 26 | - BarChart 27 | - Zoom 28 | - Force 29 | - Histogram 30 | - Lines 31 | 32 | ### Project setup 33 | ``` 34 | npm install 35 | ``` 36 | 37 | ### npm run lint & npm run serve 38 | ``` 39 | npm run dev 40 | ``` 41 | 42 | ### Compiles and hot-reloads for development 43 | ``` 44 | npm run serve 45 | ``` 46 | 47 | ### Compiles and minifies for production (Support only deploy to GitHub) 48 | ``` 49 | npm run build 50 | ``` 51 | 52 | ### Code for lint check 53 | ``` 54 | npm run lint 55 | ``` 56 | 57 | ## License 58 | 59 | [MIT License](https://github.com/gywgithub/vue-d3-examples/blob/master/LICENSE) 60 | -------------------------------------------------------------------------------- /README.zh-CN.md: -------------------------------------------------------------------------------- 1 | 简体中文 | [English](./README.md) 2 | 3 | [![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=gywgithub)](https://github.com/anuraghazra/github-readme-stats) 4 | 5 | ## Vue D3 V5 Examples 6 | 7 | `Vue` `D3` `V5` `Examples` 8 | 9 | npm: `v6.7.0` 10 | 11 | node: `v11.10.0` 12 | 13 | vue: `v2.6.6` 14 | 15 | d3: `v5.12.0` 16 | 17 | ### 在线预览 18 | 19 | https://gywgithub.github.io/vue-d3-examples/ 20 | 21 | ### 特性 22 | 23 | - 基础 24 | - 树 25 | - 条形图 26 | - 缩放 27 | - 力导向图 28 | - 直方图 29 | - 折线图 30 | 31 | ### Project setup 32 | ``` 33 | npm install 34 | ``` 35 | 36 | ### npm run lint & npm run serve 37 | ``` 38 | npm run dev 39 | ``` 40 | 41 | ### Compiles and hot-reloads for development 42 | ``` 43 | npm run serve 44 | ``` 45 | 46 | ### Compiles and minifies for production (Support only deploy to GitHub) 47 | ``` 48 | npm run build 49 | ``` 50 | 51 | ### Code for lint check 52 | ``` 53 | npm run lint 54 | ``` 55 | 56 | ## License 57 | 58 | [MIT License](https://github.com/gywgithub/vue-d3-examples/blob/master/LICENSE) 59 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: [ 3 | '@vue/app' 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /docs/css/app.bbd8772b.css: -------------------------------------------------------------------------------- 1 | #app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app,body,html{padding:0 0;margin:0 0}.main{height:100vh}.cursor-pointer{cursor:pointer}.text-align-center{text-align:center}.text-align-left{text-align:left}.container-border{border:1px solid #eee} -------------------------------------------------------------------------------- /docs/css/chunk-061e6c2e.84e1d974.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/docs/css/chunk-061e6c2e.84e1d974.css -------------------------------------------------------------------------------- /docs/css/chunk-0db36954.0fb2f4eb.css: -------------------------------------------------------------------------------- 1 | #vizTreeIII circle{fill:#fff;stroke:#4682b4;stroke-width:3px}#vizTreeIII .node text{font:12px sans-serif}#vizTreeIII .link{fill:none;stroke:#ccc;stroke-width:2px}.container[data-v-1b727e9b]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:10px 0;text-align:left;width:100%}.width-300[data-v-1b727e9b]{width:300px;margin:0 10px} -------------------------------------------------------------------------------- /docs/css/chunk-18b1f5e6.be2ee65f.css: -------------------------------------------------------------------------------- 1 | .enter{fill:green}.update{fill:#333} -------------------------------------------------------------------------------- /docs/css/chunk-1dbc4892.322a06e9.css: -------------------------------------------------------------------------------- 1 | #vizTreeV circle{fill:#fff;stroke:#54a8ff;stroke-width:3px}#vizTreeV .node text{font:12px sans-serif}#vizTreeV .link{fill:none;stroke:#ccc;stroke-width:2px} -------------------------------------------------------------------------------- /docs/css/chunk-3692d032.23856b21.css: -------------------------------------------------------------------------------- 1 | #vizTreeII circle{fill:#fff;stroke:#9c0;stroke-width:3px}#vizTreeII .node text{font:12px sans-serif}#vizTreeII .link{fill:none;stroke:#ccc;stroke-width:2px} -------------------------------------------------------------------------------- /docs/css/chunk-3af6c88a.fe3cff42.css: -------------------------------------------------------------------------------- 1 | .d3-tree-vii circle{fill:#fff;stroke:#54a8ff;stroke-width:2px}.d3-tree-vii .node text{font:12px sans-serif}.d3-tree-vii .link{fill:none;stroke:#ccc;stroke-width:2px}.width-100-percent[data-v-25b33c8c]{width:100%;height:calc(100vh - 74px)} -------------------------------------------------------------------------------- /docs/css/chunk-448c6038.fc5cd8f2.css: -------------------------------------------------------------------------------- 1 | .main[data-v-5f163c46]{text-align:center}.github-corner:hover .octo-arm[data-v-5f163c46]{-webkit-animation:octocat-wave-data-v-5f163c46 .56s ease-in-out;animation:octocat-wave-data-v-5f163c46 .56s ease-in-out}@-webkit-keyframes octocat-wave-data-v-5f163c46{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes octocat-wave-data-v-5f163c46{0%,to{-webkit-transform:rotate(0);transform:rotate(0)}20%,60%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}40%,80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm[data-v-5f163c46]{-webkit-animation:none;animation:none}.github-corner .octo-arm[data-v-5f163c46]{-webkit-animation:octocat-wave-data-v-5f163c46 .56s ease-in-out;animation:octocat-wave-data-v-5f163c46 .56s ease-in-out}}.margin-top-20vh[data-v-5f163c46]{margin-top:20vh}.img-width[data-v-5f163c46]{width:12%!important;margin:0 35px}.img-d3-padding[data-v-5f163c46]{padding:8px}.span-margin[data-v-5f163c46]{margin:20px 0 40px 0}.margin-0-15[data-v-5f163c46]{margin:0 15px}.z-index-2[data-v-5f163c46]{z-index:2}.particles-position[data-v-5f163c46]{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1} -------------------------------------------------------------------------------- /docs/css/chunk-592086b2.e3e2f5e2.css: -------------------------------------------------------------------------------- 1 | .container[data-v-01b14a58]{width:100%;padding:0!important;margin-right:auto;margin-left:auto} -------------------------------------------------------------------------------- /docs/css/chunk-6420848c.d9610866.css: -------------------------------------------------------------------------------- 1 | .chart rect{fill:#4682b4}.chart text{fill:#fff;font:10px sans-serif;text-anchor:end} -------------------------------------------------------------------------------- /docs/css/chunk-7b4b38a4.035a3ae2.css: -------------------------------------------------------------------------------- 1 | .img-container[data-v-084c996b]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px;width:280px;height:140px}.logo-img[data-v-084c996b]{width:45%;-o-object-fit:contain;object-fit:contain;margin:0 5px}.img-d3-padding[data-v-084c996b]{padding:4px!important} -------------------------------------------------------------------------------- /docs/css/chunk-7c1fd248.06f24822.css: -------------------------------------------------------------------------------- 1 | .force-base-iii .links line{stroke:#999;stroke-opacity:.6}.force-base-iii .nodes circle{stroke:#000;stroke-width:0px} -------------------------------------------------------------------------------- /docs/css/chunk-7cfae45f.7bd70877.css: -------------------------------------------------------------------------------- 1 | .d3-tree circle{fill:#fff;stroke:#54a8ff;stroke-width:2px}.d3-tree .node text{font:12px sans-serif}.d3-tree .link{fill:none;stroke:#ccc;stroke-width:2px}.card-container[data-v-529805a8]{padding:4px;text-align:right;z-index:3}.display-flex[data-v-529805a8]{display:-webkit-box;display:-ms-flexbox;display:flex}.width-100-percent[data-v-529805a8]{width:100%;height:calc(100vh - 74px)}.drawer-container[data-v-529805a8]{width:480px;position:fixed;top:130px!important;right:14px!important;right:0;z-index:2;padding:10px}.margin-top-10[data-v-529805a8]{margin-top:10px}.text-height[data-v-529805a8]{height:48px;margin-top:20px}.span-title[data-v-529805a8]{font-weight:600;margin-right:20px}.span-id-margin[data-v-529805a8]{margin-right:20px} -------------------------------------------------------------------------------- /docs/css/chunk-880c371a.e6ceb929.css: -------------------------------------------------------------------------------- 1 | .chart div{font:10px sans-serif;background-color:#4682b4;text-align:right;padding:3px;margin:1px;color:#fff}.container-chart{margin:auto} -------------------------------------------------------------------------------- /docs/css/chunk-8e3d3094.7b0092e0.css: -------------------------------------------------------------------------------- 1 | .container-width[data-v-92f38f3c]{width:calc(100% - 280px);margin:0 auto}.img-size[data-v-92f38f3c]{width:200px;height:200px}.margin-top-40[data-v-92f38f3c]{margin-top:40px}.d3-logo[data-v-92f38f3c],.vue-logo[data-v-92f38f3c],.vuetify-logo[data-v-92f38f3c]{pointer-events:none}.d3-logo[data-v-92f38f3c]{width:180px;height:180px}.vuetify-logo[data-v-92f38f3c]{width:220px;height:220px}@media (prefers-reduced-motion:no-preference){.vuetify-logo[data-v-92f38f3c]{-webkit-animation:vuetify-logo-spin-data-v-92f38f3c 16s linear infinite;animation:vuetify-logo-spin-data-v-92f38f3c 16s linear infinite}.vue-logo[data-v-92f38f3c]{-webkit-animation:move-vue-img-data-v-92f38f3c 10s linear 0s infinite alternate;animation:move-vue-img-data-v-92f38f3c 10s linear 0s infinite alternate}.d3-logo[data-v-92f38f3c]{-webkit-animation:move-d3-img-data-v-92f38f3c 10s linear 0s infinite alternate;animation:move-d3-img-data-v-92f38f3c 10s linear 0s infinite alternate}}@-webkit-keyframes vuetify-logo-spin-data-v-92f38f3c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes vuetify-logo-spin-data-v-92f38f3c{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes move-vue-img-data-v-92f38f3c{0%{margin-left:0}to{margin-left:80%}}@keyframes move-vue-img-data-v-92f38f3c{0%{margin-left:0}to{margin-left:80%}}@-webkit-keyframes move-d3-img-data-v-92f38f3c{0%{margin-left:80%}to{margin-left:0}}@keyframes move-d3-img-data-v-92f38f3c{0%{margin-left:80%}to{margin-left:0}} -------------------------------------------------------------------------------- /docs/css/chunk-a3d28932.f8558982.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/docs/css/chunk-a3d28932.f8558982.css -------------------------------------------------------------------------------- /docs/css/chunk-ae9db5ee.d5fb543a.css: -------------------------------------------------------------------------------- 1 | svg[data-v-0d9322ad]{width:100%} -------------------------------------------------------------------------------- /docs/css/chunk-b5672f66.273cd9f3.css: -------------------------------------------------------------------------------- 1 | .width-100-percent[data-v-666552af]{width:100%;height:100vh} -------------------------------------------------------------------------------- /docs/css/chunk-dcf654de.3e8eda58.css: -------------------------------------------------------------------------------- 1 | .center[data-v-e9e0a00e]{top:20vh}.center[data-v-e9e0a00e],.container[data-v-e9e0a00e]{position:fixed;z-index:3;left:0;right:0;text-align:center}.container[data-v-e9e0a00e]{top:35vh}.message-position[data-v-e9e0a00e]{width:100%;text-align:center;margin:auto}a[data-v-e9e0a00e]{line-height:60px;font-weight:400;text-decoration:none;margin:auto}.svg-container[data-v-e9e0a00e]{overflow:hidden;position:fixed;right:0;top:0;bottom:0;left:0;z-index:0}.svg-container svg[data-v-e9e0a00e]{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1} -------------------------------------------------------------------------------- /docs/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/docs/favicon.ico -------------------------------------------------------------------------------- /docs/img/d3.dd2952b2.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /docs/img/icons/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/docs/img/icons/android-chrome-192x192.png -------------------------------------------------------------------------------- /docs/img/icons/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/docs/img/icons/android-chrome-512x512.png -------------------------------------------------------------------------------- /docs/img/icons/apple-touch-icon-120x120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/docs/img/icons/apple-touch-icon-120x120.png -------------------------------------------------------------------------------- /docs/img/icons/apple-touch-icon-152x152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/docs/img/icons/apple-touch-icon-152x152.png -------------------------------------------------------------------------------- /docs/img/icons/apple-touch-icon-180x180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/docs/img/icons/apple-touch-icon-180x180.png -------------------------------------------------------------------------------- /docs/img/icons/apple-touch-icon-60x60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/docs/img/icons/apple-touch-icon-60x60.png -------------------------------------------------------------------------------- /docs/img/icons/apple-touch-icon-76x76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/docs/img/icons/apple-touch-icon-76x76.png -------------------------------------------------------------------------------- /docs/img/icons/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/docs/img/icons/apple-touch-icon.png -------------------------------------------------------------------------------- /docs/img/icons/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/docs/img/icons/favicon-16x16.png -------------------------------------------------------------------------------- /docs/img/icons/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/docs/img/icons/favicon-32x32.png -------------------------------------------------------------------------------- /docs/img/icons/msapplication-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/docs/img/icons/msapplication-icon-144x144.png -------------------------------------------------------------------------------- /docs/img/icons/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/docs/img/icons/mstile-150x150.png -------------------------------------------------------------------------------- /docs/img/vue-logo.bef60e29.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /docs/img/vuetify-logo-light-atom.fa30ef5c.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /docs/index.html: -------------------------------------------------------------------------------- 1 | Vue D3 V5 Examples
-------------------------------------------------------------------------------- /docs/js/chunk-061e6c2e.a0c3102f.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-061e6c2e"],{"0f19":function(e,t,r){"use strict";r.r(t);var a=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",[r("h2",[e._v("Zoomable Force Directed Graph Add Text")]),r("svg",{staticClass:"container-border",attrs:{id:"svg",width:"1000",height:"700"}})])},n=[],s=(r("7f7f"),r("5698")),o={name:"ZoomableAddText",components:{},mounted:function(){var e=s["D"]("svg"),t=+e.attr("width"),r=+e.attr("height"),a=15,n=[{name:"Lillian",sex:"F"},{name:"Gordon",sex:"M"},{name:"Sylvester",sex:"M"},{name:"Mary",sex:"F"},{name:"Helen",sex:"F"},{name:"Jamie",sex:"M"},{name:"Jessie",sex:"F"},{name:"Ashton",sex:"M"},{name:"Duncan",sex:"M"},{name:"Evette",sex:"F"},{name:"Mauer",sex:"M"},{name:"Fray",sex:"F"},{name:"Duke",sex:"M"},{name:"Baron",sex:"M"},{name:"Infante",sex:"M"},{name:"Percy",sex:"M"},{name:"Cynthia",sex:"F"},{name:"Feyton",sex:"M"},{name:"Lesley",sex:"F"},{name:"Yvette",sex:"F"},{name:"Maria",sex:"F"},{name:"Lexy",sex:"F"},{name:"Peter",sex:"M"},{name:"Ashley",sex:"F"},{name:"Finkler",sex:"M"},{name:"Damo",sex:"M"},{name:"Imogen",sex:"F"}],o=[{source:"Sylvester",target:"Gordon",type:"A"},{source:"Sylvester",target:"Lillian",type:"A"},{source:"Sylvester",target:"Mary",type:"A"},{source:"Sylvester",target:"Jamie",type:"A"},{source:"Sylvester",target:"Jessie",type:"A"},{source:"Sylvester",target:"Helen",type:"A"},{source:"Helen",target:"Gordon",type:"A"},{source:"Mary",target:"Lillian",type:"A"},{source:"Ashton",target:"Mary",type:"A"},{source:"Duncan",target:"Jamie",type:"A"},{source:"Gordon",target:"Jessie",type:"A"},{source:"Sylvester",target:"Fray",type:"E"},{source:"Fray",target:"Mauer",type:"A"},{source:"Fray",target:"Cynthia",type:"A"},{source:"Fray",target:"Percy",type:"A"},{source:"Percy",target:"Cynthia",type:"A"},{source:"Infante",target:"Duke",type:"A"},{source:"Duke",target:"Gordon",type:"A"},{source:"Duke",target:"Sylvester",type:"A"},{source:"Baron",target:"Duke",type:"A"},{source:"Baron",target:"Sylvester",type:"E"},{source:"Evette",target:"Sylvester",type:"E"},{source:"Cynthia",target:"Sylvester",type:"E"},{source:"Cynthia",target:"Jamie",type:"E"},{source:"Mauer",target:"Jessie",type:"E"},{source:"Duke",target:"Lexy",type:"A"},{source:"Feyton",target:"Lexy",type:"A"},{source:"Maria",target:"Feyton",type:"A"},{source:"Baron",target:"Yvette",type:"E"},{source:"Evette",target:"Maria",type:"E"},{source:"Cynthia",target:"Yvette",type:"E"},{source:"Maria",target:"Jamie",type:"E"},{source:"Maria",target:"Lesley",type:"E"},{source:"Ashley",target:"Damo",type:"A"},{source:"Damo",target:"Lexy",type:"A"},{source:"Maria",target:"Feyton",type:"A"},{source:"Finkler",target:"Ashley",type:"E"},{source:"Sylvester",target:"Maria",type:"E"},{source:"Peter",target:"Finkler",type:"E"},{source:"Ashley",target:"Gordon",type:"E"},{source:"Maria",target:"Imogen",type:"E"}],c=s["k"]().nodes(n),u=s["i"](o).id((function(e){return e.name})),y=s["j"]().strength(-100),i=s["h"](t/2,r/2);c.force("chargeForce",y).force("centerForce",i).force("links",u),c.on("tick",F);var l=e.append("g").attr("class","everything"),p=l.append("g").attr("class","links").selectAll("line").data(o).enter().append("line").attr("stroke-width",2).style("stroke",d),g=l.append("g").attr("class","nodes").selectAll("circle").data(n).enter().append("circle").attr("r",a).attr("fill",x);console.log("node: ",g),g.append("title").text((function(e){return e.name}));var f=s["e"]().on("start",A).on("drag",v).on("end",h);f(g);var m=s["I"]().on("zoom",M);function x(e){return"M"===e.sex?"blue":"pink"}function d(e){return"A"===e.type?"green":"red"}function A(e){s["f"].active||c.alphaTarget(.3).restart(),e.fx=e.x,e.fy=e.y}function v(e){e.fx=s["f"].x,e.fy=s["f"].y}function h(e){s["f"].active||c.alphaTarget(0),e.fx=null,e.fy=null}function M(){l.attr("transform",s["f"].transform)}function F(){g.attr("cx",(function(e){return e.x})).attr("cy",(function(e){return e.y})),p.attr("x1",(function(e){return e.source.x})).attr("y1",(function(e){return e.source.y})).attr("x2",(function(e){return e.target.x})).attr("y2",(function(e){return e.target.y}))}m(e)}},c=o,u=(r("c32c"),r("2877")),y=Object(u["a"])(c,a,n,!1,null,null,null);t["default"]=y.exports},"7f7f":function(e,t,r){var a=r("86cc").f,n=Function.prototype,s=/^\s*function ([^ (]*)/,o="name";o in n||r("9e1e")&&a(n,o,{configurable:!0,get:function(){try{return(""+this).match(s)[1]}catch(e){return""}}})},9299:function(e,t,r){},c32c:function(e,t,r){"use strict";r("9299")}}]); 2 | //# sourceMappingURL=chunk-061e6c2e.a0c3102f.js.map -------------------------------------------------------------------------------- /docs/js/chunk-2d0afe49.423dc0da.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0afe49"],{"0feb":function(e,t,n){"use strict";n.r(t);var c=function(){var e=this,t=e.$createElement;e._self._c;return e._m(0)},u=[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",[n("h2",[e._v("Select Element And Bind Data")]),n("p",[e._v("dog")]),n("p",[e._v("cat")]),n("p",[e._v("pig")])])}],a=n("5698"),l={mounted:function(){var e=a["D"]("body").selectAll("p"),t=["so cute","cute","fat"];e.data(t).text((function(e,t){return"第 "+t+" 个元素 "+e}))}},r=l,o=n("2877"),i=Object(o["a"])(r,c,u,!1,null,null,null);t["default"]=i.exports}}]); 2 | //# sourceMappingURL=chunk-2d0afe49.423dc0da.js.map -------------------------------------------------------------------------------- /docs/js/chunk-2d0afe49.423dc0da.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///./src/components/SelectElementAndBindData.vue?3081","webpack:///src/components/SelectElementAndBindData.vue","webpack:///./src/components/SelectElementAndBindData.vue?aaad","webpack:///./src/components/SelectElementAndBindData.vue"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","_v","mounted","p","data","dataset","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,MAAM,CAACA,EAAG,KAAK,CAACL,EAAIQ,GAAG,kCAAkCH,EAAG,IAAI,CAACL,EAAIQ,GAAG,SAASH,EAAG,IAAI,CAACL,EAAIQ,GAAG,SAASH,EAAG,IAAI,CAACL,EAAIQ,GAAG,a,YCSrO,GACEC,QADF,WAEI,IAAJ,iBACA,eAWA,2BACIC,EAAEC,KAAKC,GACX,oBACM,MAAN,sBC3BkW,I,YCO9VC,EAAY,eACd,EACAd,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAM,E","file":"js/chunk-2d0afe49.423dc0da.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h2',[_vm._v(\"Select Element And Bind Data\")]),_c('p',[_vm._v(\"dog\")]),_c('p',[_vm._v(\"cat\")]),_c('p',[_vm._v(\"pig\")])])}]\n\nexport { render, staticRenderFns }","\r\n\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectElementAndBindData.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectElementAndBindData.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectElementAndBindData.vue?vue&type=template&id=354e3cb6&\"\nimport script from \"./SelectElementAndBindData.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectElementAndBindData.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/js/chunk-2d0c5398.c6f77e29.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0c5398"],{"3dd5":function(t,e,n){"use strict";n.r(e);var c=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},a=[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"container-svg"},[n("h2",[t._v("Select Insert Remove")]),n("p",[t._v("dog")]),n("p",{staticClass:"pig"},[t._v("pig")]),n("p",{attrs:{id:"cat"}},[t._v("cat")]),n("p",[t._v("rat")])])}],s=n("5698"),r={data:function(){return{}},mounted:function(){s["D"](".container-svg").select(".pig").remove()}},i=r,o=n("2877"),u=Object(o["a"])(i,c,a,!1,null,"0ed5b722",null);e["default"]=u.exports}}]); 2 | //# sourceMappingURL=chunk-2d0c5398.c6f77e29.js.map -------------------------------------------------------------------------------- /docs/js/chunk-2d0c5398.c6f77e29.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///./src/components/SelectInsertRemove.vue?5430","webpack:///src/components/SelectInsertRemove.vue","webpack:///./src/components/SelectInsertRemove.vue?f83b","webpack:///./src/components/SelectInsertRemove.vue"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","staticClass","_v","attrs","data","mounted","d3","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,KAAK,CAACL,EAAIS,GAAG,0BAA0BJ,EAAG,IAAI,CAACL,EAAIS,GAAG,SAASJ,EAAG,IAAI,CAACG,YAAY,OAAO,CAACR,EAAIS,GAAG,SAASJ,EAAG,IAAI,CAACK,MAAM,CAAC,GAAK,QAAQ,CAACV,EAAIS,GAAG,SAASJ,EAAG,IAAI,CAACL,EAAIS,GAAG,a,YCU5T,GACEE,KADF,WAEI,MAAO,IAETC,QAJF,WAyCIC,EAAJ,uBACA,eACA,WCtD4V,I,YCOxVC,EAAY,eACd,EACAf,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAO,E","file":"js/chunk-2d0c5398.c6f77e29.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-svg\"},[_c('h2',[_vm._v(\"Select Insert Remove\")]),_c('p',[_vm._v(\"dog\")]),_c('p',{staticClass:\"pig\"},[_vm._v(\"pig\")]),_c('p',{attrs:{\"id\":\"cat\"}},[_vm._v(\"cat\")]),_c('p',[_vm._v(\"rat\")])])}]\n\nexport { render, staticRenderFns }","\r\n\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectInsertRemove.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectInsertRemove.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectInsertRemove.vue?vue&type=template&id=0ed5b722&scoped=true&\"\nimport script from \"./SelectInsertRemove.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectInsertRemove.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"0ed5b722\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/js/chunk-2d0cedee.3bb96589.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0cedee"],{"60fd":function(t,n,r){"use strict";r.r(n);var a=function(){var t=this,n=t.$createElement,r=t._self._c||n;return r("div",[r("h2",[t._v("Complete Histogram II")]),r("svg",{attrs:{width:"960",height:"600"}})])},e=[],o=r("5698"),i={data:function(){return{}},mounted:function(){var t={top:60,bottom:60,left:60,right:60},n=o["D"]("svg"),r=n.attr("width"),a=n.attr("height"),e=n.append("g").attr("transform","translate("+t.top+","+t.left+")"),i=[10,20,30,23,13,40,27,35,20],u=o["x"]().domain(o["w"](i.length)).rangeRound([0,r-t.left-t.right]),c=o["a"](u),d=o["y"]().domain([0,o["u"](i)]).range([a-t.top-t.bottom,0]),f=o["b"](d);e.append("g").attr("transform","translate(0,"+(a-t.top-t.bottom)+")").call(c),e.append("g").attr("transform","translate(0, 0)").call(f);var l=e.selectAll(".rect").data(i).enter().append("g"),p=20;l.append("rect").attr("x",(function(t,n){return u(n)+p/2})).attr("y",(function(){var t=d.domain()[0];return d(t)})).attr("width",(function(){return u.step()-p})).attr("height",(function(){return 0})).attr("fill","lightblue").transition().duration(2e3).delay((function(t,n){return 400*n})).attr("y",(function(t){return d(t)})).attr("height",(function(n){return a-t.top-t.bottom-d(n)})),l.append("text").attr("x",(function(t,n){return u(n)+p/2})).attr("y",(function(){var t=d.domain()[0];return d(t)})).attr("dx",(function(){u.step()})).attr("dy",20).text((function(t){return t})).transition().duration(2e3).delay((function(t,n){return 400*n})).attr("y",(function(t){return d(t)}))}},u=i,c=r("2877"),d=Object(c["a"])(u,a,e,!1,null,"62ff99ab",null);n["default"]=d.exports}}]); 2 | //# sourceMappingURL=chunk-2d0cedee.3bb96589.js.map -------------------------------------------------------------------------------- /docs/js/chunk-2d0cf9fd.11328476.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0cf9fd"],{6508:function(t,n,a){"use strict";a.r(n);var r=function(){var t=this,n=t.$createElement,a=t._self._c||n;return a("div",[a("h2",[t._v("Axis")]),a("svg",{attrs:{width:"960",height:"600"}})])},e=[],i=a("5698"),l={data:function(){return{}},mounted:function(){var t={top:10,bottom:60,left:10,right:60},n=[2.5,2.1,1.7,1.3,.9],a=i["y"]().domain([0,i["u"](n)]).range([0,250]),r=i["D"]("svg"),e=r.append("g").attr("transform","translate("+t.top+","+t.left+")"),l=30;e.selectAll("rect").data(n).enter().append("rect").attr("x",20).attr("y",(function(t,n){return n*l})).attr("width",(function(t){return a(t)})).attr("height",l-5).attr("fill","lightblue");var c=i["y"]().domain([0,i["u"](n)]).range([0,250]),o=i["a"](c).ticks(7);e.append("g").attr("transform","translate(20,"+n.length*l+")").call(o)}},c=l,o=a("2877"),u=Object(o["a"])(c,r,e,!1,null,"6623824c",null);n["default"]=u.exports}}]); 2 | //# sourceMappingURL=chunk-2d0cf9fd.11328476.js.map -------------------------------------------------------------------------------- /docs/js/chunk-2d0cf9fd.11328476.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///./src/components/Axis.vue?20da","webpack:///src/components/Axis.vue","webpack:///./src/components/Axis.vue?43d3","webpack:///./src/components/Axis.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","attrs","staticRenderFns","data","mounted","g","selectAll","append","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,KAAK,CAACJ,EAAIM,GAAG,UAAUF,EAAG,MAAM,CAACG,MAAM,CAAC,MAAQ,MAAM,OAAS,YACxKC,EAAkB,G,YCOtB,GACEC,KADF,WAEI,MAAO,IAETC,QAJF,WAKI,IAAJ,sCACA,uBACA,WAEA,sBACA,eACA,gBACA,oEACA,KACIC,EAAEC,UAAU,QAChB,QACA,QACA,eACA,aACA,wBACM,OAAN,OAEA,0BACM,OAAN,QAEA,mBACA,yBACI,IAAJ,WAEA,sBACA,eACA,qBACID,EAAEE,OAAO,KACb,iDACA,UC1C8U,I,YCO1UC,EAAY,eACd,EACAf,EACAS,GACA,EACA,KACA,WACA,MAIa,aAAAM,E","file":"js/chunk-2d0cf9fd.11328476.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h2',[_vm._v(\"Axis\")]),_c('svg',{attrs:{\"width\":\"960\",\"height\":\"600\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Axis.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Axis.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Axis.vue?vue&type=template&id=6623824c&scoped=true&\"\nimport script from \"./Axis.vue?vue&type=script&lang=js&\"\nexport * from \"./Axis.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"6623824c\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/js/chunk-2d0d6793.84afa10f.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0d6793"],{7367:function(t,n,r){"use strict";r.r(n);var e=function(){var t=this,n=t.$createElement,r=t._self._c||n;return r("div",[r("h2",[t._v("Complete Histogram III")]),r("svg",{attrs:{width:"960",height:"600"}})])},a=[],o=r("5698"),i={data:function(){return{}},mounted:function(){var t={top:60,bottom:60,left:60,right:60},n=o["D"]("svg"),r=n.attr("width"),e=n.attr("height"),a=n.append("g").attr("transform","translate("+t.top+","+t.left+")"),i=[10,20,30,23,13,40,27,35,20],u=o["x"]().domain(o["w"](i.length)).rangeRound([0,r-t.left-t.left]),l=o["a"](u),d=o["y"]().domain([0,o["u"](i)]).range([e-t.top-t.bottom,0]),s=o["b"](d);a.append("g").attr("transform","translate(0,"+(e-t.top-t.bottom)+")").call(l),a.append("g").attr("transform","trnslate(0, 0)").call(s);var c=a.selectAll(".rect").data(i).enter().append("g"),f=20;c.append("rect").attr("x",(function(t,n){return u(n)+f/2})).attr("y",(function(t){return d(t)})).attr("width",(function(){return u.step()-f})).attr("height",(function(n){return e-t.top-t.bottom-d(n)})).attr("fill","lightblue").on("mouseover",(function(){o["D"](this).transition().duration(1e3).attr("fill","yellow")})).on("mouseout",(function(){o["D"](this).transition().delay(1e3).duration(1e3).attr("fill","lightblue")})),c.append("text").attr("x",(function(t,n){return u(n)+f/2})).attr("y",(function(t){return d(t)})).attr("dx",(function(){u.step()})).attr("dy",20).text((function(t){return t}))}},u=i,l=r("2877"),d=Object(l["a"])(u,e,a,!1,null,"0d09d442",null);n["default"]=d.exports}}]); 2 | //# sourceMappingURL=chunk-2d0d6793.84afa10f.js.map -------------------------------------------------------------------------------- /docs/js/chunk-2d0d6793.84afa10f.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///./src/components/CompleteHistogramIII.vue?cdf4","webpack:///src/components/CompleteHistogramIII.vue","webpack:///./src/components/CompleteHistogramIII.vue?36c7","webpack:///./src/components/CompleteHistogramIII.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","attrs","staticRenderFns","data","mounted","g","append","gs","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,KAAK,CAACJ,EAAIM,GAAG,4BAA4BF,EAAG,MAAM,CAACG,MAAM,CAAC,MAAQ,MAAM,OAAS,YAC1LC,EAAkB,G,YCOtB,GACEC,KADF,WAEI,MAAO,IAETC,QAJF,WAKI,IAAJ,sCACA,gBACA,kBACA,mBACA,gBACA,oDACA,+BACA,WACA,yBACA,gCACA,YACA,WACA,sBACA,4BACA,YACIC,EAAEC,OAAO,KACb,wDACA,QACID,EAAEC,OAAO,KACb,mCACA,QAII,IAAJ,uBACA,QACA,QACA,YAIA,KACIC,EAAGD,OAAO,QACd,wBACM,OAAN,YAEA,sBACM,OAAN,QAEA,yBACM,OAAN,cAEA,2BACM,OAAN,yBAEA,yBACA,2BACM,EAAN,WACA,aACA,cACA,yBAEA,0BACM,EAAN,WACA,aACA,WACA,cACA,4BAKIC,EAAGD,OAAO,QACd,wBACM,OAAN,YAEA,sBACM,OAAN,QAEA,sBACA,YAEA,cACA,kBACM,OAAN,OCvF8V,I,YCO1VE,EAAY,eACd,EACAf,EACAS,GACA,EACA,KACA,WACA,MAIa,aAAAM,E","file":"js/chunk-2d0d6793.84afa10f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h2',[_vm._v(\"Complete Histogram III\")]),_c('svg',{attrs:{\"width\":\"960\",\"height\":\"600\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompleteHistogramIII.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompleteHistogramIII.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CompleteHistogramIII.vue?vue&type=template&id=0d09d442&scoped=true&\"\nimport script from \"./CompleteHistogramIII.vue?vue&type=script&lang=js&\"\nexport * from \"./CompleteHistogramIII.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"0d09d442\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/js/chunk-2d0da318.449fa25c.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0da318"],{"6b0f":function(t,n,r){"use strict";r.r(n);var e=function(){var t=this,n=t.$createElement,r=t._self._c||n;return r("div",[r("h2",[t._v("Complete Histogram")]),r("svg",{attrs:{width:"960",height:"600"}})])},a=[],o=r("5698"),u={data:function(){return{}},mounted:function(){var t={top:60,bottom:60,left:60,right:60},n=o["D"]("svg"),r=n.attr("width"),e=n.attr("height"),a=n.append("g").attr("transform","translate("+t.top+","+t.left+")"),u=[10,20,30,23,13,40,27,35,20],i=o["x"]().domain(o["w"](u.length)).rangeRound([0,r-t.left-t.right]),l=o["a"](i),p=o["y"]().domain([0,o["u"](u)]).range([e-t.top-t.bottom,0]),c=o["b"](p);a.append("g").attr("transform","translate(0,"+(e-t.top-t.bottom)+")").call(l),a.append("g").attr("transform","translate(0, 0)").call(c);var f=a.selectAll(".rect").data(u).enter().append("g"),d=20;f.append("rect").attr("x",(function(t,n){return i(n)+d/2})).attr("y",(function(t){return p(t)})).attr("width",(function(){return i.step()-d})).attr("height",(function(n){return e-t.top-t.bottom-p(n)})).attr("fill","lightblue"),f.append("text").attr("x",(function(t,n){return i(n)+d/2})).attr("y",(function(t){return p(t)})).attr("dx",(function(){i.step()})).attr("dy",20).text((function(t){return t}))}},i=u,l=r("2877"),p=Object(l["a"])(i,e,a,!1,null,"1ef0f700",null);n["default"]=p.exports}}]); 2 | //# sourceMappingURL=chunk-2d0da318.449fa25c.js.map -------------------------------------------------------------------------------- /docs/js/chunk-2d0da318.449fa25c.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///./src/components/CompleteHistogramI.vue?a2b0","webpack:///src/components/CompleteHistogramI.vue","webpack:///./src/components/CompleteHistogramI.vue?4e5e","webpack:///./src/components/CompleteHistogramI.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","attrs","staticRenderFns","data","mounted","g","append","gs","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,KAAK,CAACJ,EAAIM,GAAG,wBAAwBF,EAAG,MAAM,CAACG,MAAM,CAAC,MAAQ,MAAM,OAAS,YACtLC,EAAkB,G,YCOtB,GACEC,KADF,WAEI,MAAO,IAETC,QAJF,WAKI,IAAJ,sCACA,gBACA,kBACA,mBACA,gBACA,oDAEA,+BAIA,WACA,yBACA,iCACA,YAEA,WACA,sBACA,4BACA,YAEIC,EAAEC,OAAO,KACb,wDACA,QAEID,EAAEC,OAAO,KACb,oCACA,QAII,IAAJ,uBACA,QACA,QACA,YAIA,KACIC,EAAGD,OAAO,QACd,wBACM,OAAN,YAEA,sBACM,OAAN,QAEA,yBACM,OAAN,cAEA,2BACM,OAAN,yBAEA,yBAIIC,EAAGD,OAAO,QACd,wBACM,OAAN,YAEA,sBACM,OAAN,QAEA,sBACA,YAEA,cACA,kBACM,OAAN,OCjF4V,I,YCOxVE,EAAY,eACd,EACAf,EACAS,GACA,EACA,KACA,WACA,MAIa,aAAAM,E","file":"js/chunk-2d0da318.449fa25c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h2',[_vm._v(\"Complete Histogram\")]),_c('svg',{attrs:{\"width\":\"960\",\"height\":\"600\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompleteHistogramI.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CompleteHistogramI.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CompleteHistogramI.vue?vue&type=template&id=1ef0f700&scoped=true&\"\nimport script from \"./CompleteHistogramI.vue?vue&type=script&lang=js&\"\nexport * from \"./CompleteHistogramI.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"1ef0f700\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/js/chunk-2d0da541.df00aa80.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0da541"],{"6aaa":function(t,r,e){"use strict";e.r(r);var n=function(){var t=this,r=t.$createElement,e=t._self._c||r;return e("div",[e("h2",[t._v("Modifying a Force Layout")]),e("svg",{staticClass:"container-border",attrs:{width:"960",height:"500"}})])},a=[],i=e("5698"),o={data:function(){return{}},mounted:function(){var t=i["D"]("svg"),r=t.attr("width"),e=t.attr("height"),n=i["z"](i["C"]),a={id:"a"},o={id:"b"},c={id:"c"},u=[a,o,c],s=[],d=i["k"](u).force("charge",i["j"]().strength(-1e3)).force("link",i["i"](s).distance(200)).force("x",i["l"]()).force("y",i["m"]()).alphaTarget(1).on("tick",h),f=t.append("g").attr("transform","translate("+r/2+","+e/2+")"),l=f.append("g").attr("stroke","#000").attr("stroke-width",1.5).selectAll(".link"),p=f.append("g").attr("stroke","#fff").attr("stroke-width",1.5).selectAll(".node");function g(){p=p.data(u,(function(t){return t.id})),p.exit().remove(),p=p.enter().append("circle").attr("fill",(function(t){return n(t.id)})).attr("r",8).merge(p),l=l.data(s,(function(t){return t.source.id+"-"+t.target.id})),l.exit().remove(),l=l.enter().append("line").merge(l),d.nodes(u),d.force("link").links(s),d.alpha(1).restart()}function h(){p.attr("cx",(function(t){return t.x})).attr("cy",(function(t){return t.y})),l.attr("x1",(function(t){return t.source.x})).attr("y1",(function(t){return t.source.y})).attr("x2",(function(t){return t.target.x})).attr("y2",(function(t){return t.target.y}))}g(),i["G"]((function(){s.push({source:a,target:o}),s.push({source:o,target:c}),s.push({source:c,target:a}),g()}),1e3)}},c=o,u=e("2877"),s=Object(u["a"])(c,n,a,!1,null,null,null);r["default"]=s.exports}}]); 2 | //# sourceMappingURL=chunk-2d0da541.df00aa80.js.map -------------------------------------------------------------------------------- /docs/js/chunk-2d0e9b42.0a2ccd10.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0e9b42"],{"8f53":function(t,r,n){"use strict";n.r(r);var e=function(){var t=this,r=t.$createElement,n=t._self._c||r;return n("div",[n("h2",[t._v("Tree")]),n("svg",{staticClass:"container-border",attrs:{id:"viz",width:"1250",height:"800"}})])},a=[],i=n("5698"),o={data:function(){return{}},mounted:function(){var t=750,r=1250,n=800,e=i["D"]("#viz").attr("viewBox",[-10,-10,r,n]),a=i["H"]().size([r-20,n-20]),o=i["s"]().x((function(t){return t.x})).y((function(t){return t.y})),c=i["n"].prototype.constructor,s=new c,u=[s],p=[];a(s);var d=e.append("g").attr("fill","none").attr("stroke","#000").selectAll(".link"),l=e.append("g").attr("stroke","#fff").attr("stroke-width",2).selectAll(".node"),f=i["o"]((function(){if(u.length>=5)return f.stop();var r=u[Math.random()*u.length|0],n=Object.assign(new c,{parent:r,depth:r.depth+1});r.children?r.children.push(n):r.children=[n],u.push(n),p.push({source:r,target:n}),a(s),l=l.data(u),l=l.enter().append("circle").attr("class","node").attr("r",4).attr("cx",(function(t){return t.parent?t.parent.px:t.px=t.x})).attr("cy",(function(t){return t.parent?t.parent.py:t.py=t.y})).merge(l),d=d.data(p),d=d.enter().insert("path",".node").attr("class","link").attr("d",(function(t){var r={x:t.source.px,y:t.source.py};return o({source:r,target:r})})).merge(d);var i=e.transition().duration(t);d.transition(i).attr("d",o),l.transition(i).attr("cx",(function(t){return t.px=t.x})).attr("cy",(function(t){return t.py=t.y}))}),t)}},c=o,s=n("2877"),u=Object(s["a"])(c,e,a,!1,null,"086b2a00",null);r["default"]=u.exports}}]); 2 | //# sourceMappingURL=chunk-2d0e9b42.0a2ccd10.js.map -------------------------------------------------------------------------------- /docs/js/chunk-2d0e9b42.0a2ccd10.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///./src/components/Trees/TreeI.vue?2488","webpack:///src/components/Trees/TreeI.vue","webpack:///./src/components/Trees/TreeI.vue?15d6","webpack:///./src/components/Trees/TreeI.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","staticClass","attrs","staticRenderFns","data","mounted","layoutTree","root","nodes","length","interval","stop","parent","children","push","child","links","node","enter","append","link","insert","transition","t","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,KAAK,CAACJ,EAAIM,GAAG,UAAUF,EAAG,MAAM,CAACG,YAAY,mBAAmBC,MAAM,CAAC,GAAK,MAAM,MAAQ,OAAO,OAAS,YACnNC,EAAkB,G,YCOtB,GACEC,KADF,WAEI,MAAO,IAETC,QAJF,WAKI,IAAJ,MACA,OACA,MACA,+CACA,6BACA,qEACA,+BACA,QACA,MACA,KAEIC,EAAWC,GAEX,IAAJ,gBACA,oBACA,sBACA,mBAEA,gBACA,sBACA,uBACA,mBAEA,qBACM,GAAIC,EAAMC,QAAU,EAClB,OAAOC,EAASC,OAIlB,IAAN,8BACA,kDACUC,EAAOC,SAAUD,EAAOC,SAASC,KAAKC,GAChD,eAEMP,EAAMM,KAAKC,GACXC,EAAMF,KAAK,CAAjB,oBAGMR,EAAWC,GAGXU,EAAOA,EAAKb,KAAKI,GACjBS,EAAOA,EAAKC,QAAQC,OAAO,UACjC,qBACA,YACA,uBAAQ,OAAR,iCACA,uBAAQ,OAAR,iCACA,SAGMC,EAAOA,EAAKhB,KAAKY,GACjBI,EAAOA,EAAKF,QAAQG,OAAO,OAAQ,SACzC,qBACA,sBACQ,IAAR,GAAU,EAAV,YAAU,EAAV,aACQ,OAAR,GAAU,OAAV,EAAU,OAAV,OAEA,SAGM,IAAN,iBACA,YAEMD,EAAKE,WAAWC,GACtB,YAEMN,EAAKK,WAAWC,GACtB,uBAAQ,OAAR,YACA,uBAAQ,OAAR,cACA,KClF8V,I,YCO1VC,EAAY,eACd,EACA/B,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAqB,E","file":"js/chunk-2d0e9b42.0a2ccd10.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h2',[_vm._v(\"Tree\")]),_c('svg',{staticClass:\"container-border\",attrs:{\"id\":\"viz\",\"width\":\"1250\",\"height\":\"800\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n\r\n\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TreeI.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TreeI.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TreeI.vue?vue&type=template&id=086b2a00&scoped=true&\"\nimport script from \"./TreeI.vue?vue&type=script&lang=js&\"\nexport * from \"./TreeI.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"086b2a00\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/js/chunk-2d0e9d7f.1307370f.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0e9d7f"],{"8eea":function(t,e,n){"use strict";n.r(e);var a=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("h2",[t._v("Simple Bar Chart")]),n("svg")])},r=[],u=n("5698"),c={data:function(){return{}},mounted:function(){var t=[250,210,170,130,90],e=u["D"]("svg"),n=e.append("g"),a=30;n.selectAll("rect").data(t).enter().append("rect").attr("x",20).attr("y",(function(t,e){return e*a})).attr("width",(function(t){return t})).attr("height",a-5).attr("fill","lightblue")}},i=c,l=n("2877"),d=Object(l["a"])(i,a,r,!1,null,"f2afa7ca",null);e["default"]=d.exports}}]); 2 | //# sourceMappingURL=chunk-2d0e9d7f.1307370f.js.map -------------------------------------------------------------------------------- /docs/js/chunk-2d0e9d7f.1307370f.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///./src/components/SimpleBarChart.vue?9095","webpack:///src/components/SimpleBarChart.vue","webpack:///./src/components/SimpleBarChart.vue?cc6d","webpack:///./src/components/SimpleBarChart.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","staticRenderFns","data","mounted","g","selectAll","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,KAAK,CAACJ,EAAIM,GAAG,sBAAsBF,EAAG,UAC/IG,EAAkB,G,YCOtB,GACEC,KADF,WAEI,MAAO,IAETC,QAJF,WAMI,IAAJ,uBACA,gBACA,gBAGA,KACIC,EAAEC,UAAU,QAChB,QACA,QACA,eACA,aACA,wBACM,OAAN,OAEA,0BACM,OAAN,KAEA,mBACA,2BChCwV,I,YCOpVC,EAAY,eACd,EACAb,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAK,E","file":"js/chunk-2d0e9d7f.1307370f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h2',[_vm._v(\"Simple Bar Chart\")]),_c('svg')])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SimpleBarChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SimpleBarChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SimpleBarChart.vue?vue&type=template&id=f2afa7ca&scoped=true&\"\nimport script from \"./SimpleBarChart.vue?vue&type=script&lang=js&\"\nexport * from \"./SimpleBarChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"f2afa7ca\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/js/chunk-2d238255.b2479f66.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d238255"],{fdab:function(e,t,r){"use strict";r.r(t);var l=function(){var e=this,t=e.$createElement;e._self._c;return e._m(0)},n=[function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",[r("h2",[e._v("D3 Hello World")]),r("p"),r("p"),r("h2",[e._v("D3 Example Address")]),r("div",[r("a",{attrs:{target:"_blank",href:"http://bl.ocks.org/tgk/6068367"}},[e._v("Add and remove nodes")])]),r("div",[r("a",{attrs:{target:"_blank",href:"https://bl.ocks.org/adamfeuer/042bfa0dde0059e2b288"}},[e._v("d3js Tree Editor")])])])}],a=r("5698"),d={mounted:function(){var e=a["D"]("body").selectAll("p");e.text("Hello World")}},o=d,s=r("2877"),c=Object(s["a"])(o,l,n,!1,null,null,null);t["default"]=c.exports}}]); 2 | //# sourceMappingURL=chunk-2d238255.b2479f66.js.map -------------------------------------------------------------------------------- /docs/js/chunk-2d238255.b2479f66.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///./src/components/HelloWorld.vue?1ab9","webpack:///src/components/HelloWorld.vue","webpack:///./src/components/HelloWorld.vue?4efa","webpack:///./src/components/HelloWorld.vue"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","_v","attrs","mounted","p","text","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,MAAM,CAACA,EAAG,KAAK,CAACL,EAAIQ,GAAG,oBAAoBH,EAAG,KAAKA,EAAG,KAAKA,EAAG,KAAK,CAACL,EAAIQ,GAAG,wBAAwBH,EAAG,MAAM,CAACA,EAAG,IAAI,CAACI,MAAM,CAAC,OAAS,SAAS,KAAO,mCAAmC,CAACT,EAAIQ,GAAG,4BAA4BH,EAAG,MAAM,CAACA,EAAG,IAAI,CAACI,MAAM,CAAC,OAAS,SAAS,KAAO,uDAAuD,CAACT,EAAIQ,GAAG,4B,YCe1b,GACEE,QADF,WAEI,IAAJ,iBACA,eAEIC,EAAEC,KAAK,iBCrByU,I,YCOhVC,EAAY,eACd,EACAd,EACAQ,GACA,EACA,KACA,KACA,MAIa,aAAAM,E","file":"js/chunk-2d238255.b2479f66.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h2',[_vm._v(\"D3 Hello World\")]),_c('p'),_c('p'),_c('h2',[_vm._v(\"D3 Example Address\")]),_c('div',[_c('a',{attrs:{\"target\":\"_blank\",\"href\":\"http://bl.ocks.org/tgk/6068367\"}},[_vm._v(\"Add and remove nodes\")])]),_c('div',[_c('a',{attrs:{\"target\":\"_blank\",\"href\":\"https://bl.ocks.org/adamfeuer/042bfa0dde0059e2b288\"}},[_vm._v(\"d3js Tree Editor\")])])])}]\n\nexport { render, staticRenderFns }","\r\n\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HelloWorld.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HelloWorld.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HelloWorld.vue?vue&type=template&id=fd572026&\"\nimport script from \"./HelloWorld.vue?vue&type=script&lang=js&\"\nexport * from \"./HelloWorld.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/js/chunk-3692d032.3f2480a2.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-3692d032"],{"26cf":function(e,t,n){},"60ee":function(e,t,n){"use strict";n("26cf")},"7f7f":function(e,t,n){var a=n("86cc").f,r=Function.prototype,l=/^\s*function ([^ (]*)/,i="name";i in r||n("9e1e")&&a(r,i,{configurable:!0,get:function(){try{return(""+this).match(l)[1]}catch(e){return""}}})},ac6a:function(e,t,n){for(var a=n("cadf"),r=n("0d58"),l=n("2aba"),i=n("7726"),c=n("32e9"),o=n("84f2"),u=n("2b4c"),s=u("iterator"),m=u("toStringTag"),d=o.Array,f={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},v=r(f),h=0;h1?d*t+.5*t:i.x,u.y=Number(i.y+n);var v="M"+i.x+" "+i.y+" C "+i.x+" "+Number(i.y+r)+", "+u.x+" "+Number(u.y-r)+", "+u.x+" "+u.y;if(u.d=v,o.nodes.push(u),e[d].children&&e[d].children.length>0){h+=e[d].children.length;var f={arr:e[d].children,node:u};s=s.concat(f)}}for(var g=0;g0&&a(e.children,i,e.children.length)},textClick:function(e){console.log(e)}}}),a=o,c=n("2877"),l=Object(c["a"])(a,r,i,!1,null,"cd987ede",null);t["default"]=l.exports}}]); 2 | //# sourceMappingURL=chunk-3e50fd9a.e6e7f2ce.js.map -------------------------------------------------------------------------------- /docs/js/chunk-3ec82d30.06c2d538.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-3ec82d30"],{"06c5":function(t,e,n){"use strict";n.d(e,"a",(function(){return a}));var r=n("6b75");function a(t,e){if(t){if("string"===typeof t)return Object(r["a"])(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Object(r["a"])(t,e):void 0}}},2909:function(t,e,n){"use strict";n.d(e,"a",(function(){return o}));var r=n("6b75");function a(t){if(Array.isArray(t))return Object(r["a"])(t)}function i(t){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}var u=n("06c5");function c(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function o(t){return a(t)||i(t)||Object(u["a"])(t)||c()}},"6b75":function(t,e,n){"use strict";function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n\r\n
\r\n

Scale

\r\n \r\n
\r\n\r\n\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Scale.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Scale.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Scale.vue?vue&type=template&id=01b14a58&scoped=true&\"\nimport script from \"./Scale.vue?vue&type=script&lang=js&\"\nexport * from \"./Scale.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Scale.vue?vue&type=style&index=0&id=01b14a58&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"01b14a58\",\n null\n \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Scale.vue?vue&type=style&index=0&id=01b14a58&scoped=true&lang=css&\""],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/js/chunk-6420848c.c51af563.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-6420848c"],{"5da8":function(t,n,a){},a176:function(t,n,a){"use strict";a("5da8")},e0fa:function(t,n,a){"use strict";a.r(n);var r=function(){var t=this,n=t.$createElement,a=t._self._c||n;return a("div",[a("h2",[t._v("Bar Chart II")]),a("svg",{staticClass:"chart"})])},e=[],c=a("5698"),u={data:function(){return{}},mounted:function(){var t=[4,8,15,16,23,42],n=420,a=20,r=c["y"]().domain([0,c["u"](t)]).range([0,n]),e=c["D"](".chart").attr("width",n).attr("height",a*t.length),u=e.selectAll("g").data(t).enter().append("g").attr("transform",(function(t,n){return"translate(0,"+n*a+")"}));u.append("rect").attr("width",r).attr("height",a-1),u.append("text").attr("x",(function(t){return r(t)-6})).attr("y",a/2).attr("dy",".35em").text((function(t){return t}))}},i=u,o=(a("a176"),a("2877")),s=Object(o["a"])(i,r,e,!1,null,"580bc856",null);n["default"]=s.exports}}]); 2 | //# sourceMappingURL=chunk-6420848c.c51af563.js.map -------------------------------------------------------------------------------- /docs/js/chunk-6420848c.c51af563.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///./src/components/BarChartII.vue?69a5","webpack:///./src/components/BarChartII.vue?929f","webpack:///src/components/BarChartII.vue","webpack:///./src/components/BarChartII.vue?404b","webpack:///./src/components/BarChartII.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","staticClass","staticRenderFns","data","mounted","bar","append","component"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,KAAK,CAACJ,EAAIM,GAAG,kBAAkBF,EAAG,MAAM,CAACG,YAAY,aAC9JC,EAAkB,G,YCQtB,GACEC,KADF,WAEI,MAAO,IAETC,QAJF,WAKI,IAAJ,oBACA,MACA,KAEA,WACA,sBACA,aAEA,mBACA,gBACA,0BAEA,mBACA,QACA,oBACA,gCAAM,MAAN,0BAEIC,EAAIC,OAAO,QACf,gBACA,mBAEID,EAAIC,OAAO,QACf,sBAAM,OAAN,UACA,cACA,mBACA,kBAAM,OAAN,OCvCoV,I,wBCQhVC,EAAY,eACd,EACAd,EACAS,GACA,EACA,KACA,WACA,MAIa,aAAAK,E","file":"js/chunk-6420848c.c51af563.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BarChartII.vue?vue&type=style&index=1&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h2',[_vm._v(\"Bar Chart II\")]),_c('svg',{staticClass:\"chart\"})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BarChartII.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BarChartII.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BarChartII.vue?vue&type=template&id=580bc856&scoped=true&\"\nimport script from \"./BarChartII.vue?vue&type=script&lang=js&\"\nexport * from \"./BarChartII.vue?vue&type=script&lang=js&\"\nimport style1 from \"./BarChartII.vue?vue&type=style&index=1&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"580bc856\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/js/chunk-644b5f90.b89be3f8.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-644b5f90"],{"662a":function(t,e,r){"use strict";r.r(e);var n=function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",[r("h2",[t._v("Force-Direct Graph")]),r("svg",{staticClass:"container-border",attrs:{width:"960",height:"600"}})])},a=[],o=(r("7f7f"),r("5698")),c={data:function(){return{}},mounted:function(){var t={top:60,bottom:60,left:60,right:60},e=o["D"]("svg"),r=e.attr("width"),n=e.attr("height"),a=e.append("g").attr("transform","translate("+t.top+","+t.left+")"),c=[{name:"湖南邵阳"},{name:"山东泰安"},{name:"广东阳江"},{name:"山西太原"},{name:"亮"},{name:"丽"},{name:"雪"},{name:"小明"},{name:"组长"}],u=[{source:0,target:4,relation:"籍贯",value:1.3},{source:4,target:5,relation:"舍友",value:1},{source:4,target:6,relation:"舍友",value:1},{source:4,target:7,relation:"舍友",value:1},{source:1,target:6,relation:"籍贯",value:2},{source:2,target:5,relation:"籍贯",value:.9},{source:3,target:7,relation:"籍贯",value:1},{source:5,target:6,relation:"同学",value:1.6},{source:6,target:7,relation:"朋友",value:.7},{source:6,target:8,relation:"职责",value:2}],i=o["z"]().domain(o["w"](c.length)).range(o["C"]),l=o["k"]().force("link",o["i"]()).force("charge",o["j"]()).force("center",o["h"]());l.nodes(c).on("tick",p),l.force("link").links(u).distance((function(t){return 100*t.value})),l.force("center").x(r/2).y(n/2);var f=a.append("g").selectAll("line").data(u).enter().append("line").attr("stroke",(function(t,e){return i(e)})).attr("stroke-width",1),s=a.append("g").selectAll("text").data(u).enter().append("text").text((function(t){return t.relation})),g=a.selectAll(".circleText").data(c).enter().append("g").attr("transform",(function(t){var e=t.x,r=t.y;return"translate("+e+","+r+")"})).call(o["e"]().on("start",d).on("drag",v).on("end",x));function p(){f.attr("x1",(function(t){return t.source.x})).attr("y1",(function(t){return t.source.y})).attr("x2",(function(t){return t.target.x})).attr("y2",(function(t){return t.target.y})),s.attr("x",(function(t){return(t.source.x+t.target.x)/2})).attr("y",(function(t){return(t.source.y+t.target.y)/2})),g.attr("transform",(function(t){return"translate("+t.x+","+t.y+")"}))}function d(t){o["f"].active||l.alphaTarget(.8).restart(),t.fx=t.x,t.fy=t.y}function v(t){t.fx=o["f"].x,t.fy=o["f"].y}function x(t){o["f"].active||l.alphaTarget(0),t.fx=null,t.fy=null}g.append("circle").attr("r",10).attr("fill",(function(t,e){return i(e)})),g.append("text").attr("x",-10).attr("y",-20).attr("dy",10).text((function(t){return t.name}))}},u=c,i=r("2877"),l=Object(i["a"])(u,n,a,!1,null,"a39b925c",null);e["default"]=l.exports},"7f7f":function(t,e,r){var n=r("86cc").f,a=Function.prototype,o=/^\s*function ([^ (]*)/,c="name";c in a||r("9e1e")&&n(a,c,{configurable:!0,get:function(){try{return(""+this).match(o)[1]}catch(t){return""}}})}}]); 2 | //# sourceMappingURL=chunk-644b5f90.b89be3f8.js.map -------------------------------------------------------------------------------- /docs/js/chunk-820d2da2.63363556.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-820d2da2"],{"7f7f":function(e,t,r){var a=r("86cc").f,n=Function.prototype,s=/^\s*function ([^ (]*)/,o="name";o in n||r("9e1e")&&a(n,o,{configurable:!0,get:function(){try{return(""+this).match(s)[1]}catch(e){return""}}})},d606:function(e,t,r){"use strict";r.r(t);var a=function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",[r("h2",[e._v("Zoomable Force Directed Graph")]),r("svg",{staticClass:"container-border",attrs:{id:"svg",width:"1000",height:"700"}})])},n=[],s=(r("7f7f"),r("5698")),o={name:"zoomable",components:{},mounted:function(){var e=s["D"]("svg"),t=+e.attr("width"),r=+e.attr("height"),a=15,n=[{name:"Lillian",sex:"F"},{name:"Gordon",sex:"M"},{name:"Sylvester",sex:"M"},{name:"Mary",sex:"F"},{name:"Helen",sex:"F"},{name:"Jamie",sex:"M"},{name:"Jessie",sex:"F"},{name:"Ashton",sex:"M"},{name:"Duncan",sex:"M"},{name:"Evette",sex:"F"},{name:"Mauer",sex:"M"},{name:"Fray",sex:"F"},{name:"Duke",sex:"M"},{name:"Baron",sex:"M"},{name:"Infante",sex:"M"},{name:"Percy",sex:"M"},{name:"Cynthia",sex:"F"},{name:"Feyton",sex:"M"},{name:"Lesley",sex:"F"},{name:"Yvette",sex:"F"},{name:"Maria",sex:"F"},{name:"Lexy",sex:"F"},{name:"Peter",sex:"M"},{name:"Ashley",sex:"F"},{name:"Finkler",sex:"M"},{name:"Damo",sex:"M"},{name:"Imogen",sex:"F"}],o=[{source:"Sylvester",target:"Gordon",type:"A"},{source:"Sylvester",target:"Lillian",type:"A"},{source:"Sylvester",target:"Mary",type:"A"},{source:"Sylvester",target:"Jamie",type:"A"},{source:"Sylvester",target:"Jessie",type:"A"},{source:"Sylvester",target:"Helen",type:"A"},{source:"Helen",target:"Gordon",type:"A"},{source:"Mary",target:"Lillian",type:"A"},{source:"Ashton",target:"Mary",type:"A"},{source:"Duncan",target:"Jamie",type:"A"},{source:"Gordon",target:"Jessie",type:"A"},{source:"Sylvester",target:"Fray",type:"E"},{source:"Fray",target:"Mauer",type:"A"},{source:"Fray",target:"Cynthia",type:"A"},{source:"Fray",target:"Percy",type:"A"},{source:"Percy",target:"Cynthia",type:"A"},{source:"Infante",target:"Duke",type:"A"},{source:"Duke",target:"Gordon",type:"A"},{source:"Duke",target:"Sylvester",type:"A"},{source:"Baron",target:"Duke",type:"A"},{source:"Baron",target:"Sylvester",type:"E"},{source:"Evette",target:"Sylvester",type:"E"},{source:"Cynthia",target:"Sylvester",type:"E"},{source:"Cynthia",target:"Jamie",type:"E"},{source:"Mauer",target:"Jessie",type:"E"},{source:"Duke",target:"Lexy",type:"A"},{source:"Feyton",target:"Lexy",type:"A"},{source:"Maria",target:"Feyton",type:"A"},{source:"Baron",target:"Yvette",type:"E"},{source:"Evette",target:"Maria",type:"E"},{source:"Cynthia",target:"Yvette",type:"E"},{source:"Maria",target:"Jamie",type:"E"},{source:"Maria",target:"Lesley",type:"E"},{source:"Ashley",target:"Damo",type:"A"},{source:"Damo",target:"Lexy",type:"A"},{source:"Maria",target:"Feyton",type:"A"},{source:"Finkler",target:"Ashley",type:"E"},{source:"Sylvester",target:"Maria",type:"E"},{source:"Peter",target:"Finkler",type:"E"},{source:"Ashley",target:"Gordon",type:"E"},{source:"Maria",target:"Imogen",type:"E"}],c=s["k"]().nodes(n),y=s["i"](o).id((function(e){return e.name})),u=s["j"]().strength(-100),i=s["h"](t/2,r/2);c.force("chargeForce",u).force("centerForce",i).force("links",y),c.on("tick",F);var l=e.append("g").attr("class","everything"),p=l.append("g").attr("class","links").selectAll("line").data(o).enter().append("line").attr("stroke-width",2).style("stroke",A),g=l.append("g").attr("class","nodes").selectAll("circle").data(n).enter().append("circle").attr("r",a).attr("fill",x),m=s["e"]().on("start",d).on("drag",h).on("end",v);m(g);var f=s["I"]().on("zoom",M);function x(e){return"M"===e.sex?"blue":"pink"}function A(e){return"A"===e.type?"green":"red"}function d(e){s["f"].active||c.alphaTarget(.3).restart(),e.fx=e.x,e.fy=e.y}function h(e){e.fx=s["f"].x,e.fy=s["f"].y}function v(e){s["f"].active||c.alphaTarget(0),e.fx=null,e.fy=null}function M(){l.attr("transform",s["f"].transform)}function F(){g.attr("cx",(function(e){return e.x})).attr("cy",(function(e){return e.y})),p.attr("x1",(function(e){return e.source.x})).attr("y1",(function(e){return e.source.y})).attr("x2",(function(e){return e.target.x})).attr("y2",(function(e){return e.target.y}))}f(e)}},c=o,y=r("2877"),u=Object(y["a"])(c,a,n,!1,null,null,null);t["default"]=u.exports}}]); 2 | //# sourceMappingURL=chunk-820d2da2.63363556.js.map -------------------------------------------------------------------------------- /docs/js/chunk-880c371a.7664aa06.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-880c371a"],{8669:function(t,n,e){"use strict";e.r(n);var a=function(){var t=this,n=t.$createElement;t._self._c;return t._m(0)},c=[function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",[e("h2",[t._v("Bar Chart I")]),e("div",{staticClass:"container-chart text-align-left"},[e("div",{staticClass:"chart"})])])}],r=e("5698"),i={data:function(){return{}},mounted:function(){var t=[4,8,15,16,23,42];r["D"](".chart").selectAll("div").data(t).enter().append("div").style("width",(function(t){return 10*t+"px"})).text((function(t){return t}))}},u=i,s=(e("8960"),e("2877")),l=Object(s["a"])(u,a,c,!1,null,"2f08431e",null);n["default"]=l.exports},8960:function(t,n,e){"use strict";e("9aca")},"9aca":function(t,n,e){}}]); 2 | //# sourceMappingURL=chunk-880c371a.7664aa06.js.map -------------------------------------------------------------------------------- /docs/js/chunk-880c371a.7664aa06.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///./src/components/BarChartI.vue?1e2b","webpack:///src/components/BarChartI.vue","webpack:///./src/components/BarChartI.vue?ea5e","webpack:///./src/components/BarChartI.vue","webpack:///./src/components/BarChartI.vue?9f0d"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","_v","staticClass","data","mounted","d3","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,MAAM,CAACA,EAAG,KAAK,CAACL,EAAIQ,GAAG,iBAAiBH,EAAG,MAAM,CAACI,YAAY,mCAAmC,CAACJ,EAAG,MAAM,CAACI,YAAY,gB,YCSrO,GACEC,KADF,WAEI,MAAO,IAETC,QAJF,WAKI,IAAJ,oBACIC,EAAJ,eACA,iBACA,QACA,sBACA,2BAAM,OAAN,aACA,kBAAM,OAAN,OCrBmV,I,wBCQ/UC,EAAY,eACd,EACAd,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAM,E,2CCnBf,W","file":"js/chunk-880c371a.7664aa06.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h2',[_vm._v(\"Bar Chart I\")]),_c('div',{staticClass:\"container-chart text-align-left\"},[_c('div',{staticClass:\"chart\"})])])}]\n\nexport { render, staticRenderFns }","\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BarChartI.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BarChartI.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BarChartI.vue?vue&type=template&id=2f08431e&scoped=true&\"\nimport script from \"./BarChartI.vue?vue&type=script&lang=js&\"\nexport * from \"./BarChartI.vue?vue&type=script&lang=js&\"\nimport style1 from \"./BarChartI.vue?vue&type=style&index=1&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"2f08431e\",\n null\n \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BarChartI.vue?vue&type=style&index=1&lang=css&\""],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/js/chunk-8e3d3094.79c79471.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-8e3d3094"],{"45f6":function(t,i,a){"use strict";a("7d7a")},5365:function(t,i,a){t.exports=a.p+"img/vue-logo.bef60e29.svg"},5368:function(t,i,a){"use strict";a.r(i);var e=function(){var t=this,i=t.$createElement;t._self._c;return t._m(0)},s=[function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",{staticClass:"container-width"},[e("div",[e("img",{staticClass:"img-size vue-logo",attrs:{src:a("5365"),alt:"vue-logo"}}),e("div",{staticClass:"text-align-center"},[e("h1",[t._v("The Progressive JavaScript Framework")]),e("p",[t._v("Vuetify is a Vue UI Library with beautifully handcrafted Material Components. No design skills required — everything you need to create amazing applications is at your fingertips.")]),e("a",{attrs:{href:"https://vuejs.org/index.html",target:"_blank"}},[t._v("What is vue.js")]),e("br")])]),e("div",{staticClass:"margin-top-40"},[e("img",{staticClass:"img-size d3-logo",attrs:{src:a("c852"),alt:"d3-logo"}}),e("div",{staticClass:"text-align-center"},[e("h1",[t._v("Data-Driven Documents")]),e("p",[t._v(" D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation. ")]),e("a",{attrs:{href:"https://d3js.org/",target:"_blank"}},[t._v("What is d3.js")]),e("br")])]),e("div",{staticClass:"margin-top-40 text-align-center"},[e("img",{staticClass:"img-size vuetify-logo",attrs:{src:a("f720"),alt:"vuetify-logo"}}),e("h1",[t._v("Material Design Framework")]),e("p",[t._v("Vuetify is a Vue UI Library with beautifully handcrafted Material Components. No design skills required — everything you need to create amazing applications is at your fingertips.")]),e("a",{attrs:{href:"https://vuetifyjs.com/en/introduction/why-vuetify/#what-is-vuetify3f",target:"_blank"}},[t._v("What is Vuetify")]),e("br"),e("br")])])}],r={data:function(){return{}}},n=r,o=(a("45f6"),a("2877")),l=Object(o["a"])(n,e,s,!1,null,"92f38f3c",null);i["default"]=l.exports},"7d7a":function(t,i,a){},c852:function(t,i,a){t.exports=a.p+"img/d3.dd2952b2.svg"},f720:function(t,i,a){t.exports=a.p+"img/vuetify-logo-light-atom.fa30ef5c.svg"}}]); 2 | //# sourceMappingURL=chunk-8e3d3094.79c79471.js.map -------------------------------------------------------------------------------- /docs/js/chunk-ae9db5ee.def58d77.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-ae9db5ee"],{"1d31":function(t,e,n){"use strict";n("6378")},4109:function(t,e,n){"use strict";n.r(e);var r=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"force-base-ii"},[n("h2",[t._v("Force-based label placement II")]),n("svg",{staticClass:"container-border",attrs:{id:"viz"}})])},a=[],i=(n("ac6a"),n("5698")),s=n("5313"),o={name:"ForceBasedLabelPlacement",components:{},mounted:function(){var t=1850,e=800,n=i["z"](i["C"]),r=s,a={nodes:[],links:[]};r.nodes.forEach((function(t,e){a.nodes.push({node:t}),a.nodes.push({node:t}),a.links.push({source:2*e,target:2*e+1})}));var o=i["k"](a.nodes).force("charge",i["j"]().strength(-50)).force("link",i["i"](a.links).distance(0).strength(2));i["k"](r.nodes).force("charge",i["j"]().strength(-3e3)).force("center",i["h"](t/2,e/2)).force("x",i["l"](t/2).strength(1)).force("y",i["m"](e/2).strength(1)).force("link",i["i"](r.links).id((function(t){return t.id})).distance(50).strength(1)).on("tick",g);var l=[];r.links.forEach((function(t){l[t.source.index+"-"+t.target.index]=!0,l[t.target.index+"-"+t.source.index]=!0}));var c=i["D"]("#viz").attr("width",t).attr("height",e),u=c.append("g");c.call(i["I"]().scaleExtent([.1,4]).on("zoom",(function(){u.attr("transform",i["f"].transform)})));var d=u.append("g").attr("class","links").selectAll("line").data(r.links).enter().append("line").attr("stroke","#aaa").attr("stroke-width","1px"),f=u.append("g").attr("class","nodes").selectAll("g").data(r.nodes).enter().append("circle").attr("r",5).attr("fill",(function(t){return n(t.group)})),p=u.append("g").attr("class","labelNodes").selectAll("text").data(a.nodes).enter().append("text").text((function(t,e){return e%2===0?"":t.node.id})).style("fill","#555").style("font-family","Arial").style("font-size",12).style("pointer-events","none");function g(){f.call(L),d.call(y),o.alphaTarget(.3).restart(),p.each((function(t,e){if(e%2===0)t.x=t.node.x,t.y=t.node.y;else{var n=this.getBBox(),r=t.x-t.node.x,a=t.y-t.node.y,i=Math.sqrt(r*r+a*a),s=n.width*(r-i)/(2*i);s=Math.max(-n.width,Math.min(0,s));var o=16;this.setAttribute("transform","translate("+s+","+o+")")}})),p.call(L)}function h(t){return isFinite(t)?t:0}function y(t){t.attr("x1",(function(t){return h(t.source.x)})).attr("y1",(function(t){return h(t.source.y)})).attr("x2",(function(t){return h(t.target.x)})).attr("y2",(function(t){return h(t.target.y)}))}function L(t){t.attr("transform",(function(t){return"translate("+h(t.x)+","+h(t.y)+")"}))}}},l=o,c=(n("1d31"),n("d720"),n("2877")),u=Object(c["a"])(l,r,a,!1,null,"0d9322ad",null);e["default"]=u.exports},5313:function(t){t.exports=JSON.parse('{"nodes":[{"id":"Myriel","group":1},{"id":"Napoleon","group":2},{"id":"Feuilly","group":3}],"links":[{"source":"Myriel","target":"Napoleon","value":1},{"source":"Napoleon","target":"Feuilly","value":2},{"source":"Feuilly","target":"Myriel","value":3}]}')},6378:function(t,e,n){},a30b:function(t,e,n){},ac6a:function(t,e,n){for(var r=n("cadf"),a=n("0d58"),i=n("2aba"),s=n("7726"),o=n("32e9"),l=n("84f2"),c=n("2b4c"),u=c("iterator"),d=c("toStringTag"),f=l.Array,p={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},g=a(p),h=0;hm.x&&(m=t)}));var p=m.x-c.x+r.top+r.bottom,g=d.transition().duration(e).attr("viewBox",[-r.left,c.x-r.top,a,p]).tween("resize",window.ResizeObserver?null:function(){return function(){return d.dispatch("toggle")}}),y=h.selectAll("g").data(n,(function(t){return t.id})),x=y.enter().append("g").attr("transform",(function(){return"translate(".concat(t.y0,",").concat(t.x0,")")})).attr("fill-opacity",0).attr("stroke-opacity",0).on("click",(function(t){t.children=t.children?null:t._children,v(t)}));x.append("circle").attr("r",10).attr("fill",(function(t){return t._children?"#c9e4ff":"#fff"})).attr("stroke-width",2).attr("stroke","#c9e4ff"),x.append("text").attr("dy","0.31em").attr("x",(function(t){return t._children?-14:14})).attr("text-anchor",(function(t){return t._children?"end":"start"})).text((function(t){return t.data.name})).clone(!0).lower().attr("stroke-linejoin","round").attr("stroke-width",3).attr("stroke","white");var L=y.merge(x).transition(g).attr("transform",(function(t){return"translate(".concat(t.y,",").concat(t.x,")")})).attr("fill-opacity",1).attr("stroke-opacity",1);console.log(L);var b=y.exit().transition(g).remove().attr("transform",(function(){return"translate(".concat(t.y,",").concat(t.x,")")})).attr("fill-opacity",0).attr("stroke-opacity",0);console.log(b);var w=f.selectAll("path").data(o,(function(t){return t.target.id})),S=w.enter().append("path").attr("d",(function(){var e={x:t.x0,y:t.y0};return u({source:e,target:e})}));w.merge(S).transition(g).attr("d",u),w.exit().transition(g).remove().attr("d",(function(){var e={x:t.x,y:t.y};return u({source:e,target:e})})),s.eachBefore((function(t){t.x0=t.x,t.y0=t.y}))}d.call(m).on("dblclick.zoom",null),m(d),v(s)}},c=o,l=(n("ce8b"),n("2877")),u=Object(l["a"])(c,r,a,!1,null,"666552af",null);e["default"]=u.exports},a1fd:function(t,e,n){},ac6a:function(t,e,n){for(var r=n("cadf"),a=n("0d58"),i=n("2aba"),o=n("7726"),c=n("32e9"),l=n("84f2"),u=n("2b4c"),s=u("iterator"),d=u("toStringTag"),f=l.Array,h={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},m=a(h),p=0;p"+i+""};t.exports=function(t,r){var n={};n[t]=r(u),e(e.P+e.F*i((function(){var r=""[t]('"');return r!==r.toLowerCase()||r.split('"').length>3})),"String",n)}},a9cf:function(t,r,n){"use strict";n.r(r);var e=function(){var t=this,r=t.$createElement,n=t._self._c||r;return n("div",[n("h2",[t._v("Modifying a Force Layout II")]),n("svg",{staticClass:"container-border",attrs:{width:"960",height:"500"}})])},i=[],a=(n("b54a"),n("5698")),o={data:function(){return{}},mounted:function(){var t=a["D"]("svg"),r=t.attr("width"),n=t.attr("height"),e=a["z"](a["C"]),i={nodes:[{id:"Myriel",group:1},{id:"Napoleon",group:2},{id:"Feuilly",group:3}],links:[{source:"Myriel",target:"Napoleon",value:1},{source:"Napoleon",target:"Feuilly",value:2},{source:"Feuilly",target:"Myriel",value:3}]},o=i.nodes,u=i.links,c=a["k"](o).force("charge",a["j"]().strength(-1e3)).force("link",a["i"](u).id((function(t){return t.id})).distance(200)).force("x",a["l"]()).force("y",a["m"]()).alphaTarget(1).on("tick",g),l=t.append("g").attr("transform","translate("+r/2+","+n/2+")"),s=l.append("g").attr("stroke","#000").attr("stroke-width",1.5).selectAll(".link"),f=l.append("g").attr("stroke","#fff").attr("stroke-width",1.5).selectAll(".node");function d(){f=f.data(o,(function(t){return t.id})),f.exit().remove(),f=f.enter().append("circle").attr("fill",(function(t){return e(t.id)})).attr("r",8).merge(f),s=s.data(u,(function(t){return t.source.id+"-"+t.target.id})),s.exit().remove(),s=s.enter().append("line").merge(s),c.nodes(o),c.force("link").links(u),c.alpha(1).restart()}function g(){f.attr("cx",(function(t){return t.x})).attr("cy",(function(t){return t.y})),s.attr("x1",(function(t){return t.source.x})).attr("y1",(function(t){return t.source.y})).attr("x2",(function(t){return t.target.x})).attr("y2",(function(t){return t.target.y}))}d()},methods:{ticked:function(){this.node.attr("cx",(function(t){return t.x})).attr("cy",(function(t){return t.y})),this.link.attr("x1",(function(t){return t.source.x})).attr("y1",(function(t){return t.source.y})).attr("x2",(function(t){return t.target.x})).attr("y2",(function(t){return t.target.y}))}}},u=o,c=n("2877"),l=Object(c["a"])(u,e,i,!1,null,null,null);r["default"]=l.exports},b54a:function(t,r,n){"use strict";n("386b")("link",(function(t){return function(r){return t(this,"a","href",r)}}))}}]); 2 | //# sourceMappingURL=chunk-cde05c00.3af1554e.js.map -------------------------------------------------------------------------------- /docs/js/chunk-dcf654de.f6cdcc22.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-dcf654de"],{"0202":function(t,e,s){"use strict";s("8fed")},"8fed":function(t,e,s){},9703:function(t,e,s){"use strict";s.r(e);var a=function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",[t._m(0),s("div",{staticClass:"svg-container"},[s("svg",{attrs:{jsname:"BUfzDd",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1440 810",preserveAspectRatio:"xMinYMin slice","aria-hidden":"true"}},[s("path",{attrs:{fill:"#efefee",d:"M592.66 0c-15 64.092-30.7 125.285-46.598 183.777C634.056 325.56 748.348 550.932 819.642 809.5h419.672C1184.518 593.727 1083.124 290.064 902.637 0H592.66z"}}),s("path",{attrs:{fill:"#f4f4f4",d:"M545.962 183.777c-53.796 196.576-111.592 361.156-163.49 490.74 11.7 44.494 22.8 89.49 33.1 134.883h404.07c-71.294-258.468-185.586-483.84-273.68-625.623z"}}),s("path",{attrs:{fill:"#f7f7f7",d:"M153.89 0c74.094 180.678 161.088 417.448 228.483 674.517C449.67 506.337 527.063 279.465 592.56 0H153.89z"}}),s("path",{attrs:{fill:"#fbfbfc",d:"M153.89 0H0v809.5h415.57C345.477 500.938 240.884 211.874 153.89 0z"}}),s("path",{attrs:{fill:"#ebebec",d:"M1144.22 501.538c52.596-134.583 101.492-290.964 134.09-463.343 1.2-6.1 2.3-12.298 3.4-18.497 0-.2.1-.4.1-.6 1.1-6.3 2.3-12.7 3.4-19.098H902.536c105.293 169.28 183.688 343.158 241.684 501.638v-.1z"}}),s("path",{attrs:{fill:"#e1e1e1",d:"M1285.31 0c-2.2 12.798-4.5 25.597-6.9 38.195C1321.507 86.39 1379.603 158.98 1440 257.168V0h-154.69z"}}),s("path",{attrs:{fill:"#e7e7e7",d:"M1278.31,38.196C1245.81,209.874 1197.22,365.556 1144.82,499.838L1144.82,503.638C1185.82,615.924 1216.41,720.211 1239.11,809.6L1439.7,810L1439.7,256.768C1379.4,158.78 1321.41,86.288 1278.31,38.195L1278.31,38.196z"}})])])])},i=[function(){var t=this,e=t.$createElement,s=t._self._c||e;return s("div",{staticClass:"center"},[s("div",{staticClass:"display-4"},[t._v("404")]),s("br"),s("div",{staticClass:"container"},[s("div",{staticClass:"message-position"},[t._v("The page you are looking for was not found. Please make sure the address is correct and page is not moved.")]),s("br"),s("a",{attrs:{href:"javascript:history.back()"}},[t._v("previous page")])])])}],r=(s("0202"),s("2877")),c={},n=Object(r["a"])(c,a,i,!1,null,"e9e0a00e",null);e["default"]=n.exports}}]); 2 | //# sourceMappingURL=chunk-dcf654de.f6cdcc22.js.map -------------------------------------------------------------------------------- /docs/js/chunk-dcf654de.f6cdcc22.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack:///./src/views/NotFound.vue?795b","webpack:///./src/views/NotFound.vue?4887","webpack:///./src/views/NotFound.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","attrs","staticRenderFns","_v","script","component"],"mappings":"kHAAA,W,kECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACJ,EAAIM,GAAG,GAAGF,EAAG,MAAM,CAACG,YAAY,iBAAiB,CAACH,EAAG,MAAM,CAACI,MAAM,CAAC,OAAS,SAAS,MAAQ,6BAA6B,QAAU,eAAe,oBAAsB,iBAAiB,cAAc,SAAS,CAACJ,EAAG,OAAO,CAACI,MAAM,CAAC,KAAO,UAAU,EAAI,+JAA+JJ,EAAG,OAAO,CAACI,MAAM,CAAC,KAAO,UAAU,EAAI,8JAA8JJ,EAAG,OAAO,CAACI,MAAM,CAAC,KAAO,UAAU,EAAI,8GAA8GJ,EAAG,OAAO,CAACI,MAAM,CAAC,KAAO,UAAU,EAAI,wEAAwEJ,EAAG,OAAO,CAACI,MAAM,CAAC,KAAO,UAAU,EAAI,yMAAyMJ,EAAG,OAAO,CAACI,MAAM,CAAC,KAAO,UAAU,EAAI,yGAAyGJ,EAAG,OAAO,CAACI,MAAM,CAAC,KAAO,UAAU,EAAI,gOAC92CC,EAAkB,CAAC,WAAa,IAAIT,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,MAAM,CAACG,YAAY,aAAa,CAACP,EAAIU,GAAG,SAASN,EAAG,MAAMA,EAAG,MAAM,CAACG,YAAY,aAAa,CAACH,EAAG,MAAM,CAACG,YAAY,oBAAoB,CAACP,EAAIU,GAAG,gHAAgHN,EAAG,MAAMA,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,8BAA8B,CAACR,EAAIU,GAAG,yB,wBCA/cC,EAAS,GAMTC,EAAY,eACdD,EACAZ,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAG,E","file":"js/chunk-dcf654de.f6cdcc22.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NotFound.vue?vue&type=style&index=0&id=e9e0a00e&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"svg-container\"},[_c('svg',{attrs:{\"jsname\":\"BUfzDd\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"viewBox\":\"0 0 1440 810\",\"preserveAspectRatio\":\"xMinYMin slice\",\"aria-hidden\":\"true\"}},[_c('path',{attrs:{\"fill\":\"#efefee\",\"d\":\"M592.66 0c-15 64.092-30.7 125.285-46.598 183.777C634.056 325.56 748.348 550.932 819.642 809.5h419.672C1184.518 593.727 1083.124 290.064 902.637 0H592.66z\"}}),_c('path',{attrs:{\"fill\":\"#f4f4f4\",\"d\":\"M545.962 183.777c-53.796 196.576-111.592 361.156-163.49 490.74 11.7 44.494 22.8 89.49 33.1 134.883h404.07c-71.294-258.468-185.586-483.84-273.68-625.623z\"}}),_c('path',{attrs:{\"fill\":\"#f7f7f7\",\"d\":\"M153.89 0c74.094 180.678 161.088 417.448 228.483 674.517C449.67 506.337 527.063 279.465 592.56 0H153.89z\"}}),_c('path',{attrs:{\"fill\":\"#fbfbfc\",\"d\":\"M153.89 0H0v809.5h415.57C345.477 500.938 240.884 211.874 153.89 0z\"}}),_c('path',{attrs:{\"fill\":\"#ebebec\",\"d\":\"M1144.22 501.538c52.596-134.583 101.492-290.964 134.09-463.343 1.2-6.1 2.3-12.298 3.4-18.497 0-.2.1-.4.1-.6 1.1-6.3 2.3-12.7 3.4-19.098H902.536c105.293 169.28 183.688 343.158 241.684 501.638v-.1z\"}}),_c('path',{attrs:{\"fill\":\"#e1e1e1\",\"d\":\"M1285.31 0c-2.2 12.798-4.5 25.597-6.9 38.195C1321.507 86.39 1379.603 158.98 1440 257.168V0h-154.69z\"}}),_c('path',{attrs:{\"fill\":\"#e7e7e7\",\"d\":\"M1278.31,38.196C1245.81,209.874 1197.22,365.556 1144.82,499.838L1144.82,503.638C1185.82,615.924 1216.41,720.211 1239.11,809.6L1439.7,810L1439.7,256.768C1379.4,158.78 1321.41,86.288 1278.31,38.195L1278.31,38.196z\"}})])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"center\"},[_c('div',{staticClass:\"display-4\"},[_vm._v(\"404\")]),_c('br'),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"message-position\"},[_vm._v(\"The page you are looking for was not found. Please make sure the address is correct and page is not moved.\")]),_c('br'),_c('a',{attrs:{\"href\":\"javascript:history.back()\"}},[_vm._v(\"previous page\")])])])}]\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./NotFound.vue?vue&type=template&id=e9e0a00e&scoped=true&\"\nvar script = {}\nimport style0 from \"./NotFound.vue?vue&type=style&index=0&id=e9e0a00e&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"e9e0a00e\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""} -------------------------------------------------------------------------------- /docs/js/chunk-e4a1b66e.bafe0bd8.js: -------------------------------------------------------------------------------- 1 | (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-e4a1b66e"],{"06c5":function(t,e,n){"use strict";n.d(e,"a",(function(){return i}));var r=n("6b75");function i(t,e){if(t){if("string"===typeof t)return Object(r["a"])(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Object(r["a"])(t,e):void 0}}},2909:function(t,e,n){"use strict";n.d(e,"a",(function(){return l}));var r=n("6b75");function i(t){if(Array.isArray(t))return Object(r["a"])(t)}function o(t){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}var a=n("06c5");function s(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function l(t){return i(t)||o(t)||Object(a["a"])(t)||s()}},"386b":function(t,e,n){var r=n("5ca1"),i=n("79e5"),o=n("be13"),a=/"/g,s=function(t,e,n,r){var i=String(o(t)),s="<"+e;return""!==n&&(s+=" "+n+'="'+String(r).replace(a,""")+'"'),s+">"+i+""};t.exports=function(t,e){var n={};n[t]=e(s),r(r.P+r.F*i((function(){var e=""[t]('"');return e!==e.toLowerCase()||e.split('"').length>3})),"String",n)}},"6b75":function(t,e,n){"use strict";function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n 1%", 59 | "last 2 versions", 60 | "not ie <= 8" 61 | ], 62 | "config": { 63 | "commitizen": { 64 | "path": "./node_modules/cz-conventional-changelog" 65 | } 66 | } 67 | } 68 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/public/favicon.ico -------------------------------------------------------------------------------- /public/img/icons/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/public/img/icons/android-chrome-192x192.png -------------------------------------------------------------------------------- /public/img/icons/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/public/img/icons/android-chrome-512x512.png -------------------------------------------------------------------------------- /public/img/icons/apple-touch-icon-120x120.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/public/img/icons/apple-touch-icon-120x120.png -------------------------------------------------------------------------------- /public/img/icons/apple-touch-icon-152x152.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/public/img/icons/apple-touch-icon-152x152.png -------------------------------------------------------------------------------- /public/img/icons/apple-touch-icon-180x180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/public/img/icons/apple-touch-icon-180x180.png -------------------------------------------------------------------------------- /public/img/icons/apple-touch-icon-60x60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/public/img/icons/apple-touch-icon-60x60.png -------------------------------------------------------------------------------- /public/img/icons/apple-touch-icon-76x76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/public/img/icons/apple-touch-icon-76x76.png -------------------------------------------------------------------------------- /public/img/icons/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/public/img/icons/apple-touch-icon.png -------------------------------------------------------------------------------- /public/img/icons/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/public/img/icons/favicon-16x16.png -------------------------------------------------------------------------------- /public/img/icons/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/public/img/icons/favicon-32x32.png -------------------------------------------------------------------------------- /public/img/icons/msapplication-icon-144x144.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/public/img/icons/msapplication-icon-144x144.png -------------------------------------------------------------------------------- /public/img/icons/mstile-150x150.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/public/img/icons/mstile-150x150.png -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Vue D3 V5 Examples 11 | 12 | 13 | 16 |
17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /scripts/generateComponent/index.js: -------------------------------------------------------------------------------- 1 | // index.js` 2 | const chalk = require('chalk') 3 | const path = require('path') 4 | const fs = require('fs') 5 | const resolve = (...file) => path.resolve(__dirname, ...file) 6 | const log = message => console.log(chalk.green(`${message}`)) 7 | const successLog = message => console.log(chalk.blue(`${message}`)) 8 | const errorLog = error => console.log(chalk.red(`${error}`)) 9 | const { 10 | vueTemplate 11 | } = require('./template') 12 | 13 | const generateFile = (path, data) => { 14 | if (fs.existsSync(path)) { 15 | errorLog(`${path}文件已存在`) 16 | return 17 | } 18 | return new Promise((resolve, reject) => { 19 | fs.writeFile(path, data, 'utf8', err => { 20 | if (err) { 21 | errorLog(err.message) 22 | reject(err) 23 | } else { 24 | resolve(true) 25 | } 26 | }) 27 | }) 28 | } 29 | log('请输入要生成的组件名称、如需生成全局组件，请加 global/ 前缀') 30 | let componentName = '' 31 | process.stdin.on('data', async chunk => { 32 | const inputName = String(chunk).trim().toString() 33 | /** 34 | * 组件目录路径 35 | */ 36 | const componentDirectory = resolve('../../src/components', inputName) 37 | 38 | /** 39 | * vue组件路径 40 | */ 41 | const componentVueName = resolve(componentDirectory, 'index.vue') 42 | 43 | const hasComponentDirectory = fs.existsSync(componentDirectory) 44 | if (hasComponentDirectory) { 45 | errorLog(`${inputName}组件目录已存在，请重新输入`) 46 | return 47 | } else { 48 | log(`正在生成 component 目录 ${componentDirectory}`) 49 | await dotExistDirectoryCreate(componentDirectory) 50 | // fs.mkdirSync(componentDirectory); 51 | } 52 | try { 53 | if (inputName.includes('/')) { 54 | const inputArr = inputName.split('/') 55 | componentName = inputArr[inputArr.length - 1] 56 | } else { 57 | componentName = inputName 58 | } 59 | log(`正在生成 vue 文件 ${componentVueName}`) 60 | await generateFile(componentVueName, vueTemplate(componentName)) 61 | successLog('生成成功') 62 | } catch (e) { 63 | errorLog(e.message) 64 | } 65 | 66 | process.stdin.emit('end') 67 | }) 68 | process.stdin.on('end', () => { 69 | log('exit') 70 | process.exit() 71 | }) 72 | 73 | function dotExistDirectoryCreate (directory) { 74 | return new Promise((resolve) => { 75 | mkdirs(directory, function () { 76 | resolve(true) 77 | }) 78 | }) 79 | } 80 | 81 | // 递归创建目录 82 | function mkdirs (directory, callback) { 83 | var exists = fs.existsSync(directory) 84 | if (exists) { 85 | callback() 86 | } else { 87 | mkdirs(path.dirname(directory), function () { 88 | fs.mkdirSync(directory) 89 | callback() 90 | }) 91 | } 92 | } 93 | -------------------------------------------------------------------------------- /scripts/generateComponent/template.js: -------------------------------------------------------------------------------- 1 | // template.js 2 | module.exports = { 3 | vueTemplate: compoenntName => { 4 | return ` 9 | 18 | 21 | ` 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /scripts/generateView/index.js: -------------------------------------------------------------------------------- 1 | // index.js 2 | const chalk = require('chalk') 3 | const path = require('path') 4 | const fs = require('fs') 5 | const resolve = (...file) => path.resolve(__dirname, ...file) 6 | const log = message => console.log(chalk.green(`${message}`)) 7 | const successLog = message => console.log(chalk.blue(`${message}`)) 8 | const errorLog = error => console.log(chalk.red(`${error}`)) 9 | // 导入模板 10 | const { 11 | vueTemplate 12 | } = require('./template') 13 | // 生成文件 14 | const generateFile = (path, data) => { 15 | if (fs.existsSync(path)) { 16 | errorLog(`${path}文件已存在`) 17 | return 18 | } 19 | return new Promise((resolve, reject) => { 20 | fs.writeFile(path, data, 'utf8', err => { 21 | if (err) { 22 | errorLog(err.message) 23 | reject(err) 24 | } else { 25 | resolve(true) 26 | } 27 | }) 28 | }) 29 | } 30 | log('请输入要生成的页面组件名称、会生成在 views/目录下') 31 | let componentName = '' 32 | process.stdin.on('data', async chunk => { 33 | // 组件名称 34 | const inputName = String(chunk).trim().toString() 35 | // Vue页面组件路径 36 | const componentPath = resolve('../../src/views', inputName) 37 | // vue文件 38 | const vueFile = resolve(componentPath, 'index.vue') 39 | // 判断组件文件夹是否存在 40 | const hasComponentExists = fs.existsSync(componentPath) 41 | if (hasComponentExists) { 42 | errorLog(`${inputName}页面组件已存在，请重新输入`) 43 | return 44 | } else { 45 | log(`正在生成 component 目录 ${componentPath}`) 46 | await dotExistDirectoryCreate(componentPath) 47 | } 48 | try { 49 | // 获取组件名 50 | if (inputName.includes('/')) { 51 | const inputArr = inputName.split('/') 52 | componentName = inputArr[inputArr.length - 1] 53 | } else { 54 | componentName = inputName 55 | } 56 | log(`正在生成 vue 文件 ${vueFile}`) 57 | await generateFile(vueFile, vueTemplate(componentName)) 58 | successLog('生成成功') 59 | } catch (e) { 60 | errorLog(e.message) 61 | } 62 | 63 | process.stdin.emit('end') 64 | }) 65 | process.stdin.on('end', () => { 66 | log('exit') 67 | process.exit() 68 | }) 69 | 70 | function dotExistDirectoryCreate (directory) { 71 | return new Promise((resolve) => { 72 | mkdirs(directory, function () { 73 | resolve(true) 74 | }) 75 | }) 76 | } 77 | // 递归创建目录 78 | function mkdirs (directory, callback) { 79 | var exists = fs.existsSync(directory) 80 | if (exists) { 81 | callback() 82 | } else { 83 | mkdirs(path.dirname(directory), function () { 84 | fs.mkdirSync(directory) 85 | callback() 86 | }) 87 | } 88 | } 89 | -------------------------------------------------------------------------------- /scripts/generateView/template.js: -------------------------------------------------------------------------------- 1 | // template.js 2 | module.exports = { 3 | vueTemplate: compoenntName => { 4 | return ` 9 | 18 | 21 | ` 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 8 | 33 | 67 | -------------------------------------------------------------------------------- /src/assets/img/d3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /src/assets/img/vue-logo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/assets/img/vuetify-logo-light-atom.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /src/assets/json/a.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gywgithub/vue-d3-examples/a614c91bc0e833bf9f6cb634f3c19777b5f1141c/src/assets/json/a.json -------------------------------------------------------------------------------- /src/assets/json/simple_force_layout.json: -------------------------------------------------------------------------------- 1 | { 2 | "nodes": [ 3 | { 4 | "id": "Myriel", 5 | "group": 1 6 | }, 7 | { 8 | "id": "Napoleon", 9 | "group": 2 10 | }, 11 | { 12 | "id": "Feuilly", 13 | "group": 3 14 | } 15 | ], 16 | "links": [ 17 | { 18 | "source": "Myriel", 19 | "target": "Napoleon", 20 | "value": 1 21 | }, 22 | { 23 | "source": "Napoleon", 24 | "target": "Feuilly", 25 | "value": 2 26 | }, 27 | { 28 | "source": "Feuilly", 29 | "target": "Myriel", 30 | "value": 3 31 | } 32 | ] 33 | } -------------------------------------------------------------------------------- /src/assets/json/simple_force_layout_2.json: -------------------------------------------------------------------------------- 1 | { 2 | "nodes": [ 3 | { 4 | "id": "苹果", 5 | "group": 1 6 | }, 7 | { 8 | "id": "APPLE", 9 | "group": 2 10 | }, 11 | { 12 | "id": "Apple", 13 | "group": 3 14 | }, 15 | { 16 | "id": "苹果股份有限公司", 17 | "group": 4 18 | }, 19 | { 20 | "id": "Apple, Inc", 21 | "group": 5 22 | }, 23 | { 24 | "id": "成立时间", 25 | "group": 6 26 | }, 27 | { 28 | "id": "苹果公司发展历程", 29 | "group": 7 30 | }, 31 | { 32 | "id": "苹果logo", 33 | "group": 8 34 | }, 35 | { 36 | "id": "APPLE市场调查报告", 37 | "group": 9 38 | }, 39 | { 40 | "id": "苹果公司简介", 41 | "group": 10 42 | }, 43 | { 44 | "id": "苹果公司发展历史及大事记", 45 | "group": 11 46 | } 47 | ], 48 | "links": [ 49 | { 50 | "source": "APPLE", 51 | "target": "苹果", 52 | "value": 1 53 | }, 54 | { 55 | "source": "Apple", 56 | "target": "苹果", 57 | "value": 2 58 | }, 59 | { 60 | "source": "苹果股份有限公司", 61 | "target": "苹果", 62 | "value": 3 63 | }, 64 | { 65 | "source": "Apple, Inc", 66 | "target": "苹果", 67 | "value": 3 68 | }, 69 | { 70 | "source": "成立时间", 71 | "target": "苹果", 72 | "value": 3 73 | }, 74 | { 75 | "source": "苹果公司发展历程", 76 | "target": "苹果", 77 | "value": 6 78 | }, 79 | { 80 | "source": "苹果logo", 81 | "target": "苹果", 82 | "value": 7 83 | }, 84 | { 85 | "source": "APPLE市场调查报告", 86 | "target": "苹果", 87 | "value": 7 88 | }, 89 | { 90 | "source": "苹果公司简介", 91 | "target": "苹果", 92 | "value": 7 93 | }, 94 | { 95 | "source": "苹果公司发展历史及大事记", 96 | "target": "苹果", 97 | "value": 10 98 | } 99 | ] 100 | } -------------------------------------------------------------------------------- /src/assets/json/simple_force_layout_3.json: -------------------------------------------------------------------------------- 1 | { 2 | "nodes": [ 3 | { 4 | "id": "新基建", 5 | "group": 1 6 | }, 7 | { 8 | "id": "最新消息", 9 | "group": 2 10 | }, 11 | { 12 | "id": "新基建介绍", 13 | "group": 3 14 | }, 15 | { 16 | "id": "新基建龙头股", 17 | "group": 4 18 | }, 19 | { 20 | "id": "发展历程", 21 | "group": 5 22 | }, 23 | { 24 | "id": "存在优势", 25 | "group": 8 26 | }, 27 | { 28 | "id": "5G", 29 | "group": 6 30 | }, 31 | { 32 | "id": "特高压", 33 | "group": 8 34 | }, 35 | { 36 | "id": "人工智能", 37 | "group": 8 38 | }, 39 | { 40 | "id": "城际高速铁路", 41 | "group": 8 42 | }, 43 | { 44 | "id": "工业互联网", 45 | "group": 8 46 | } 47 | ], 48 | "links": [ 49 | { 50 | "source": "城际高速铁路", 51 | "target": "新基建", 52 | "value": 1 53 | }, 54 | { 55 | "source": "工业互联网", 56 | "target": "新基建", 57 | "value": 1 58 | }, 59 | { 60 | "source": "最新消息", 61 | "target": "新基建", 62 | "value": 1 63 | }, 64 | { 65 | "source": "新基建介绍", 66 | "target": "新基建", 67 | "value": 2 68 | }, 69 | { 70 | "source": "新基建龙头股", 71 | "target": "新基建", 72 | "value": 3 73 | }, 74 | { 75 | "source": "发展历程", 76 | "target": "新基建", 77 | "value": 3 78 | }, 79 | { 80 | "source": "5G", 81 | "target": "新基建", 82 | "value": 3 83 | }, 84 | { 85 | "source": "特高压", 86 | "target": "新基建", 87 | "value": 3 88 | }, 89 | { 90 | "source": "人工智能", 91 | "target": "新基建", 92 | "value": 3 93 | }, 94 | { 95 | "source": "存在优势", 96 | "target": "新基建", 97 | "value": 7 98 | } 99 | ] 100 | } -------------------------------------------------------------------------------- /src/assets/tsv/data.tsv: -------------------------------------------------------------------------------- 1 | name value 2 | A .08167 3 | B .01492 4 | C .02782 5 | D .04253 6 | E .12702 7 | F .02288 8 | G .02015 9 | H .06094 10 | I .06966 11 | J .00153 12 | K .00772 13 | L .04025 14 | M .02406 15 | N .06749 16 | O .07507 17 | P .01929 18 | Q .00095 19 | R .05987 20 | S .06327 21 | T .09056 22 | U .02758 23 | V .00978 24 | W .02360 25 | X .00150 26 | Y .01974 27 | Z .00074 -------------------------------------------------------------------------------- /src/components/Axis.vue: -------------------------------------------------------------------------------- 1 | 7 | 47 | 49 | -------------------------------------------------------------------------------- /src/components/BarChartI.vue: -------------------------------------------------------------------------------- 1 | 9 | 26 | 28 | 29 | 43 | -------------------------------------------------------------------------------- /src/components/BarChartII.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 50 | 52 | 53 | 71 | -------------------------------------------------------------------------------- /src/components/CompleteHistogramI.vue: -------------------------------------------------------------------------------- 1 | 7 | 87 | 89 | -------------------------------------------------------------------------------- /src/components/CompleteHistogramII.vue: -------------------------------------------------------------------------------- 1 | 7 | 117 | 119 | -------------------------------------------------------------------------------- /src/components/CompleteHistogramIII.vue: -------------------------------------------------------------------------------- 1 | 7 | 93 | 95 | -------------------------------------------------------------------------------- /src/components/ForceDirectedGraph.vue: -------------------------------------------------------------------------------- 1 | 7 | 164 | 166 | -------------------------------------------------------------------------------- /src/components/GeneralUpdatePatternI.vue: -------------------------------------------------------------------------------- 1 | 7 | 61 | 72 | -------------------------------------------------------------------------------- /src/components/HelloWorld.vue: -------------------------------------------------------------------------------- 1 | 15 | 26 | 28 | -------------------------------------------------------------------------------- /src/components/Introduction.vue: -------------------------------------------------------------------------------- 1 | 33 | 40 | 107 | -------------------------------------------------------------------------------- /src/components/Lines/LineChartI.vue: -------------------------------------------------------------------------------- 1 | 7 | 89 | 90 | -------------------------------------------------------------------------------- /src/components/Lines/LineChartII.vue: -------------------------------------------------------------------------------- 1 | 8 | 156 | 157 | -------------------------------------------------------------------------------- /src/components/Lines/data.tsv: -------------------------------------------------------------------------------- 1 | date close 2 | 24-Apr-07 93.24 3 | 25-Apr-07 95.35 4 | 26-Apr-07 98.84 5 | 27-Apr-07 99.92 6 | 30-Apr-07 99.80 7 | 1-May-07 99.47 8 | 2-May-07 100.39 9 | 3-May-07 100.40 10 | 4-May-07 100.81 11 | 7-May-07 103.92 12 | 8-May-07 105.06 13 | 9-May-07 106.88 14 | 10-May-07 107.34 -------------------------------------------------------------------------------- /src/components/Lines/demo.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Line Chart Demo I 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /src/components/ModifyingAForceLayoutI.vue: -------------------------------------------------------------------------------- 1 | 7 | 88 | -------------------------------------------------------------------------------- /src/components/ModifyingAForceLayoutII.vue: -------------------------------------------------------------------------------- 1 | 7 | 116 | -------------------------------------------------------------------------------- /src/components/Scale.vue: -------------------------------------------------------------------------------- 1 | 7 | 74 | 82 | -------------------------------------------------------------------------------- /src/components/SelectElementAndBindData.vue: -------------------------------------------------------------------------------- 1 | 9 | 33 | 35 | -------------------------------------------------------------------------------- /src/components/SelectInsertRemove.vue: -------------------------------------------------------------------------------- 1 | 10 | 59 | 61 | -------------------------------------------------------------------------------- /src/components/SimpleBarChart.vue: -------------------------------------------------------------------------------- 1 | 7 | 37 | 39 | -------------------------------------------------------------------------------- /src/components/Trees/TreeI.vue: -------------------------------------------------------------------------------- 1 | 7 | 91 | 93 | -------------------------------------------------------------------------------- /src/components/UpdateEnterExit.vue: -------------------------------------------------------------------------------- 1 | 18 | 73 | 75 | -------------------------------------------------------------------------------- /src/components/template.vue: -------------------------------------------------------------------------------- 1 | 6 | 17 | 19 | -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import App from './App.vue' 3 | import router from './router' 4 | import { vuetify, i18n } from '@/plugins/vuetify' 5 | import VueParticles from 'vue-particles' 6 | 7 | Vue.config.productionTip = false 8 | Vue.use(VueParticles) 9 | 10 | new Vue({ 11 | router, 12 | vuetify, 13 | i18n, 14 | render: h => h(App) 15 | }).$mount('#app') 16 | -------------------------------------------------------------------------------- /src/views/Home.vue: -------------------------------------------------------------------------------- 1 | 38 | 67 | 139 | -------------------------------------------------------------------------------- /src/views/NotFound.vue: -------------------------------------------------------------------------------- 1 | 52 | 53 | 106 | -------------------------------------------------------------------------------- /vue.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | publicPath: process.env.NODE_ENV === 'production' 3 | ? '/vue-d3-examples/' 4 | : '/', 5 | outputDir: 'docs' 6 | } 7 | --------------------------------------------------------------------------------