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