├── .gitignore
├── LICENSE
├── README.md
├── package.json
└── vue-d3.js
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2016 Jared Reich
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 | # vue-d3
2 |
3 | A Vue.js plugin for [D3](https://github.com/d3/d3).
4 |
5 | ## Installation
6 |
7 | npm:
8 | ``` bash
9 | npm install --save vue-d3
10 | ```
11 |
12 | Vue:
13 | ```javascript
14 | var Vue = require('vue')
15 | var VueD3 = require('vue-d3')
16 | Vue.use(VueD3)
17 | ```
18 |
19 | HTML (Browserify):
20 | ```html
21 |
22 | ...
23 |
24 |
26 |
27 | ```
28 |
29 | ## Usage
30 | D3 is now available through ```this.$d3```
31 |
32 | ```javascript
33 | this.$d3.selectAll('p').style('color', 'white');
34 | ```
35 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "vue-d3",
3 | "version": "0.1.0",
4 | "description": "A Vue.js plugin for D3",
5 | "author": "Jared Reich ",
6 | "private": false,
7 | "main": "vue-d3.js",
8 | "license": "MIT",
9 | "scripts": {},
10 | "repository": {
11 | "type": "git",
12 | "url": "https://github.com/jaredreich/vue-d3.git"
13 | },
14 | "dependencies": {
15 | "d3": "^4.0.0",
16 | "vue": "^1.0.21"
17 | },
18 | "devDependencies": {}
19 | }
20 |
--------------------------------------------------------------------------------
/vue-d3.js:
--------------------------------------------------------------------------------
1 | (function () {
2 | var VueD3 = {};
3 | var D3 = typeof require === 'function'
4 | ? require('d3')
5 | : window.D3;
6 |
7 | if (!D3) {
8 | throw new Error('[vue-d3] cannot locate d3');
9 | }
10 |
11 | VueD3.install = function (Vue) {
12 | Vue.prototype.$d3 = D3;
13 | };
14 |
15 | if (typeof exports == 'object') {
16 | module.exports = VueD3;
17 | } else if (typeof define == 'function' && define.amd) {
18 | define([], function(){ return VueD3; })
19 | } else if (window.Vue) {
20 | window.VueD3 = VueD3;
21 | Vue.use(VueD3);
22 | }
23 | })();
24 |
--------------------------------------------------------------------------------