使用D3 在网页中使用D3有两种方法： 1. 下载D3.js文件后本地引用 下载地址 https://github.com/mbostock/d3/releases/download/v3.4.8/d3.zip 2. 在线引用 <script src="http://d3js.org/d3.v3.m ...
分类：
其他好文 时间：
2017-12-22 17:02:46
阅读次数：
215
import React, {Component} from 'react'; import * as d3 from 'd3'; import 'd3-geo'; import * as topojson from 'topojson'; import * as colorbrewer from ... ...
分类：
Web程序 时间：
2017-09-14 10:30:11
阅读次数：
248
20 个有用的 SVG 工具，提供更好的图像处理 20 个有用的 SVG 工具，提供更好的图像处理 SVG 现正在 Web 设计领域变得越发流行， 你可以使用 Illustrator 或者 Inkscape 来创建 SVG 图像。 但当进行 Web 设计时，我们还需要做一些优化来使得 SVG 变得更 ...
分类：
其他好文 时间：
2017-09-03 09:52:04
阅读次数：
341
今天在老大和小梁的鼓舞和忽悠下（^_^），我决定还是把之前下载好的gephi源码好好利用起来，不在朝三暮四的想d3js或是什么vizster，用心去选择一个自己熟悉的，而不是一直在各种困难之间来回徘徊，踌躇不前，虚度光阴。老大有句话说的好，有问题了就要想着怎么去解决它，而不是躲避，要想尽各种办法去解 ...
分类：
其他好文 时间：
2017-09-03 00:29:53
阅读次数：
299
我们知道d3的一般套路就是d3.selectAll('path.mypath').data(yourDataset).enter().append('path').attr('class','mypath').attr('d',thePathString) 而thePathString的获取，一般都 ...
分类：
Web程序 时间：
2017-07-17 22:09:23
阅读次数：
235
D3 layouts help you create more advanced visualisations such as treemaps: D3 layouts帮助您创造更加高级复杂的可视化图表，比如treemaps,packed circles,network graphs: Layout ...
分类：
Web程序 时间：
2017-07-17 12:27:10
阅读次数：
559
在 Data joins 章节我们演示了当data和dom element个数相同时的情况 <div id="content"> <div></div> <div></div> <div></div> </div> and some data: var myData = [ 10, 40, 20 ] ...
分类：
Web程序 时间：
2017-07-16 21:26:21
阅读次数：
245
Data joins 给定一个数据数组和一个 D3 selection 我们就可以attach或者说是'join'数组中的每个数据到selection中的每个元素上。 这将使得我们的数据和可视化元素之间建立紧密的联系并实现可视化成为可能。 比如如果我们有以下SVG的circles: <circle ...
分类：
Web程序 时间：
2017-07-16 18:26:50
阅读次数：
320
比例尺函数是这样的javascript函数： 接收通常是数字，日期，类别等data输入并且： 返回一个代表可视化元素的值，比如坐标，颜色，长度或者半径等 比例尺通常用于变换(或者说映射）抽象的数据值到可视量化变量（比如位置，长度，颜色等） 比如，假设我们有以下数组数据： [ 0, 2, 3, 5, ...
分类：
Web程序 时间：
2017-07-15 13:50:35
阅读次数：
1045
本文将视图了解d3js提供的帮助我们创建矢量图形的helper函数，比如下面的: http://d3indepth.com/shapes/ lines curves pie chart segments symbols SVG 首先我们来认识一下SVG(scalable vector graphic ...
分类：
Web程序 时间：
2017-07-14 22:07:39
阅读次数：
1022
