随笔分类 -  精通d3.js交互式数据可视化

(d3.v3.js)
摘要:d3.svg.axis() 创建默认的新坐标系 axis(selection)将此坐标轴应用到指定的选择集上,改选择集需要包裹有<svg>或<g> axis.scale([scale]) 设定或获取坐标轴的比例尺 axis.orient([orientation])设定或获取坐标轴的方向。 axis 阅读全文
posted @ 2017-10-26 20:40 L_mj 阅读(1196) 评论(0) 推荐(0)
摘要:序数比例尺的定义域和值域都是离散的。如果需要通过输入一些离散的值得到另一些离散的值,这时候就要考虑序数比例尺。 d3.scale.orinal():构建一个序数比例尺 ordinal(x) :输入定义域内的一个离散值,返回值域内一个离散值 ordinal.domain([values]): 设定和获 阅读全文
posted @ 2017-10-26 20:38 L_mj 阅读(628) 评论(0) 推荐(0)
摘要:比例尺:就像函数一样,将一个量转换为另一个量,定义域到值域的转换。每个比例尺都需要指定一个domain(定义域)和range(值域)。 定量比例尺:定义域是连续的。值域有连续的也有离散的。 1、线性比例尺(Linear Scale) d3.scale.linear():创建一个线性比例尺。 line 阅读全文
posted @ 2017-10-26 20:36 L_mj 阅读(1234) 评论(0) 推荐(0)
摘要:线段生成器 d3.svg.line() 区域生成器 d3.svg.area() 弧生成器 d3.svg.arc()在制作饼状图、弦图等时使用。 符号生成器 d3.svg.symbol()生成三角形、十字架、圆形等符号 弦生成器 d3.svg.chord()用于将两段弧连接起来 对角线生成器 d3.s 阅读全文
posted @ 2017-10-26 20:31 L_mj 阅读(241) 评论(0) 推荐(0)
摘要:柱状图 柱状图 散点图、气泡图 散点图、气泡图 折线图 折线图 饼图 饼图 力导向图 力导向图 弦图(可交互) 弦图(可交互) 树状图 树状图 集群图 集群图 圆状集群图 圆状集群图 捆图 捆图 打包图 打包图 直方图(可与曲线图切换) 直方图(可与曲线图切换) 矩阵分区图 矩阵分区图 圆形分区图 阅读全文
posted @ 2017-10-26 20:30 L_mj 阅读(1085) 评论(0) 推荐(1)