作者: 【加拿大】Nick Qi Zhu,
1.2 搭建一个简易的D3开发环境
1.2.1 准备阶段
在我们开始前,请确保你已经安装好一个文本编辑器。
1.2.2 搭建环境
我们先要下载D3.js。
1.我们可以在下载最新版本的D3.js,也可以在下载之前的版本。另外,如果你对开发中的最新D3版本感兴趣,可以fork以下的代码库。
2.下载并且解压缩后,我们得到了3个文件:d3.v3.js、d3.v3.min.js和许可证文件。在开发过程中,建议使用d3.v3.js,它可以帮你深入到D3库中跟踪调试JavaScript代码。把d3.v3.js和新建的index.html放在同一个文件夹里,index.html应该包含下面的代码。
图像说明文字 如果是直接下载源代码或者tagged 版本,JavaScript文件的名字会略微不同,叫做d3.js,而非d3.v3.js。
我们已经搭建了一个最简单的D3数据可视化开发环境。现在可以用我们最喜欢的文本编辑器编辑那个html文件,还可以用浏览器打开它来检查可视化的效果。
图像说明文字可以在这里下载这个例子的源码:。
1.2.3 工作原理
D3是个相当独立的程序库。它不依赖于特定浏览器提供的功能以及其他JavaScript库。实际上,你甚至可以通过简单的配置,让D3脱离浏览器而在诸如Node.js这样的环境中运行起来(后面的章节会更详细地介绍这点)。
图像说明文字如果你的浏览器是IE9,建议使用Aight兼容库和Sizzle selector engine。其中前者可以在这里下载:,而后者可以在这里下载:。
html文件的头部信息中必须包含如下的编码格式声明。
git clone git://github.com/NickQiZhu/d3-cookbook.git

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/171956.html