D3環境搭建

1.D3簡介

D3是這樣一個特殊的JavaScript庫，它利用現有的Web標準，經過更簡單的（數據驅動）方式來製做炫目的可視化效果。
製做

2.環境搭建

2.1.下載d3.js

咱們能夠在http://d3js.org/下載最新版本的D3.js，

也能夠在https://github. com/mbostock/d3/tags下載以前的版本

也能夠直接引用

<script src="https://d3js.org/d3.v4.min.js"></script>

2.2搭建npm環境

 

首先，在工程文件夾下，建立名爲package.json的文件，包含下面的代碼。

{

   "name": "d3-project-template",

   "version": "0.1.0",

   "description": "Ready to go d3 data visualization project template",

   "keywords": [

     "data visualization",

     "d3"

   ],

   "homepage": "<project home page>",

   "author": {

     "name": "<your name>",

     "url": "<your url>"

   },

   "repository": {

     "type": "git",

     "url": "<source repo url>"

   },

   "dependencies": {  //描述了工程所用到的庫在運行時的依賴

     "d3":"3.x"

     },

   "devDependencies": {

       "uglify-js": "2.x"

   }

}

定義package.json文件後，運行下面的命令

> npm install