D3.js
Evan_Gu
专注大数据可视化和可视分析相关的理论、方法与技术,探索行业中最佳实践与应用。
展开
-
【D3.js 入门学习】 基础选择器
D3.js 是一种开源的javascript的可视化框架,提供许多可视化工具,以及函数,包括十分便捷的交互技术。selection.append(name) 在当前选择的每个元素最后追加具有指定名称的新元素,返回包含追加元素的新选择。每个新的元素继承当前元素的数据(如果有的话)以相同的方式对作为自选择的选择。 这个name可以被指定为一个常量字符串或一个函数,返回追加原创 2015-07-21 21:55:23 · 3575 阅读 · 0 评论 -
【D3.js】Focus + Context 折线图
利用D3.js库实现Focus+Context的折线图,读取data.tsv文件数据 index.htmlsvg { font: 10px sans-serif;}.axis path,.axis line { fill: none; stroke: #000; shape-rendering: crispEdges;}.line { fill: no原创 2015-07-22 17:15:40 · 2353 阅读 · 0 评论 -
d3.nest 详解
d3.nest可以分组数据 在进行数据分析时Grouping data是一个很重要的能力 .通常,我们需要将数据按照某个类别进行打散,并查找和统计每个组的具体细节。D3 包括强大的d3.nest 功能,可以通过极小量的代码构造分组。Nest 基础用户来决定这个嵌套多少层。 跟很多GROUP_BY概念有点不同,其中只允许有嵌套一个级别。例如,我们有如下的 CSV 格式文件 “expenses”:na翻译 2016-06-20 16:59:13 · 6619 阅读 · 0 评论