d3.js 桑基图（sankey）插件

d3.chart.bubble-matrix 气泡矩阵图，适用于任何类型的二维数据。 可用于表示二维数据，每个数据能够具有由大小和颜色表示的两个特定特征； 基于强大的库； 基于抽象，使得图表相当灵活； 可以动态更改数据，跟踪或删除/添加行和列以及动画标题和气泡。 安装 使用 [npm]： npm install d3.chart.bubble-matrix 然后，您可以使用在客户端 javascript 中使用该库（推荐）。 如果您想将该库与任何其他模块系统一起使用，您可以使用 browserify 生成一个独立的包。 在项目目录中： browserify src/chart.js --standalone 此外，您应该包含在 npm 包根目录中提供的样式： style.css — 强制 CSS； theme.css — 主题 CSS，可替换为自定义 CSS。 样品

Radviz可视化：使用d3.js的Radviz可视化

官方离线安装包，测试可用。使用rpm -ivh [rpm完整包名] 进行安装

该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 最小化内部版本，文件名包含哈希值。 您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 npm mock 运行模拟服务器，如果已准备就绪，请访问http://localhost:3031以测试api npm run eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从

d3-demo 一个Vue.js项目 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report # run unit tests npm run unit # run all tests npm test 有关工作原理的详细说明，请查看的和。

发现问题 在使用d3.js时，我们经常会使用d3.csv()或者d3.json()函数来从文件中读取出数据，不幸的是，偶尔代码的结果并不是我们预料的那样。习惯了过程式编程的我开始的时候也是这样，最让人头疼的是javascript并不会告诉你问题出在哪里了。我第一次遇到这个问题的时候，找了半天bug，确定代码主体部分没有问题之后，我只能开始使用console.log()将变量一个一个的输出到控制台里。 第一次遇到这个问题时的图片是这样的： 问题出在第72行和第75行，中间几行完全没有对ordertxt进行操作，但是最后的结果就是和预想的输出不吻合，后来找了个其他方法把这个问题给解决了，今天又

世界石油 版权所有CC BY-NC-SA 2.0 2013 MIT许可证（ ） 使用D3.js的全球石油生产和消费数据可视化 在线：labs.timogrossenbacher.ch/worldoil

D3地图显示特效是试用了中国地图的json包的d3美国地图显示。 D3地图显示特效图：

爬取疫情开始一个月数据和至今一个月的数据，将数据存储到csv文件中，使用d3进行可视化展示，展示包括动态散点图、柱状图、河流图，有动态效果，使用前请查看说明文档