![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
数据可视化
文章平均质量分 79
司机大傻
可视化发烧友
展开
-
【D3.js数据可视化系列教程】(二十九)--折叠树
折叠树原创 2013-11-05 18:04:40 · 13862 阅读 · 10 评论 -
【D3.js数据可视化系列教程】(十八)--组合添加删除
组合添加删除原创 2013-11-02 21:03:14 · 6901 阅读 · 3 评论 -
【D3.js数据可视化系列教程】(十七)--通过键联结数据
通过键联结数据原创 2013-11-02 19:48:17 · 7301 阅读 · 10 评论 -
【D3.js数据可视化系列教程】(十六)--更新、过度和动画
更新、过度和动画原创 2013-11-01 20:53:21 · 12436 阅读 · 5 评论 -
【D3.js数据可视化系列教程】--(十五)SVG基本图形绘制
SVG基本图形绘制原创 2013-09-17 19:04:23 · 15366 阅读 · 4 评论 -
【D3.js数据可视化系列教程】--(十四)有路径的文字
有路径的文字原创 2013-09-17 18:35:04 · 12876 阅读 · 5 评论 -
【D3.js数据可视化系列教程】(三十二)-- 力导向图之弧形箭头连线
弧形箭头连线原创 2013-11-06 17:18:43 · 18149 阅读 · 12 评论 -
【D3.js数据可视化系列教程】--(十三)坐标轴
坐标轴原创 2013-09-17 11:32:44 · 17165 阅读 · 13 评论 -
【D3.js数据可视化系列教程】--(十二)比例尺
比例尺原创 2013-09-17 10:20:16 · 12474 阅读 · 5 评论 -
【D3.js数据可视化系列教程】--(十一)散点图
散点图原创 2013-09-08 12:36:36 · 16393 阅读 · 2 评论 -
【D3.js数据可视化系列教程】(二十)--交互图表之条形图排序
交互图表之条形图排序原创 2013-11-02 23:00:21 · 6197 阅读 · 1 评论 -
【D3.js数据可视化系列教程】(二十一)--交互图表之条形图排序切换
交互图表之条形图排序切换原创 2013-11-03 09:49:30 · 7567 阅读 · 1 评论 -
【D3.js数据可视化系列教程】(二十八)--弦图
弦布局原创 2013-11-04 22:57:10 · 12900 阅读 · 2 评论 -
【D3.js数据可视化系列教程】(二十七)--径向树
径向树原创 2013-11-04 19:58:37 · 12852 阅读 · 5 评论 -
【D3.js数据可视化系列教程】(二十六)--加载SVG文件
加载svg原创 2013-11-04 12:47:41 · 10689 阅读 · 7 评论 -
数据可视化QQ群
你会遇到一群最早的D3研究者、布道者和实践者。阿里长期招聘前端、可视化岗位有兴趣可以发送简历至tianxu.ztx@alibaba-inc.com加群讨论 - 新手群 专业群 研究群 说明 免费(暂时) 付费 免费(新手别加) 群名 D3.js D3数据可视化 大数据可视化 群号 437278817 205076...原创 2016-11-05 10:20:36 · 9309 阅读 · 1 评论 -
【D3.js数据可视化系列教程】(二十五)--加载csv文件
加载csv文件原创 2013-11-04 11:17:56 · 15908 阅读 · 3 评论 -
【D3.js数据可视化系列教程】(二十四)--力导向图
力导向图原创 2013-11-03 17:46:55 · 14969 阅读 · 17 评论 -
【D3.js数据可视化系列教程】(二十三)--饼图圆环图
饼图圆环图原创 2013-11-03 12:09:51 · 16402 阅读 · 2 评论 -
【D3.js数据可视化系列教程】(二十二)--交互图表之提示条
交互图表之提示条原创 2013-11-03 11:08:50 · 9422 阅读 · 2 评论 -
【D3.js数据可视化系列教程】(十九)--交互图表之鼠标悬停
交互图表之tootip原创 2013-11-02 21:33:56 · 12081 阅读 · 2 评论 -
【D3.js数据可视化系列教程】--(十)更自由的条形图
更自由的条形图原创 2013-09-08 11:42:19 · 13502 阅读 · 6 评论 -
【D3.js数据可视化系列教程】--(九)D3的数据类型
D3的数据类型原创 2013-09-08 10:06:10 · 10477 阅读 · 1 评论 -
【D3.js数据可视化系列教程】--(八)使用D3绘制SVG
使用D3绘制SVG原创 2013-09-08 09:40:35 · 14919 阅读 · 1 评论 -
【D3.js数据可视化实战】--(2)本地时间轴
背景需求绘制效果实现思路关键技术完整代码背景需求 使用D3绘制图表一般都会绘制一个坐标轴,但是用D3画过图的同学都知道默认情况下绘制的坐标轴刻度是英文的。但是我们要的刻度是中文的。怎么办呢?且看本文讲解如何绘制本地时间轴。绘制效果实现效果如何,先来一睹为快!默认格式化:d3.time.format("%b %Y")本地格式化:zh.timeFormat("%Y年%b")实现思路原创 2015-10-21 20:18:57 · 16012 阅读 · 0 评论 -
【D3.js数据可视化实战】--(3)桑基图(sankey)的绘制
桑基图是流图(flow diagram)的一种,用来描述能量,人口,经济等的流动情况。桑基图主要关注能量、物料或资本等在系统内部的流动和转移情况。起始流量和结束流量相同;在内部,不同的线条代表了不同的流量分流情况,它的宽度成比例地显示此分支占有的流量;节点不同的宽度代表了特定状态下的流量大小。原创 2015-11-04 00:02:50 · 38854 阅读 · 16 评论 -
【D3.js数据可视化系列教程】(三十五)-- 矩形树
TreeMap由Ben Shneiderman于1991年推出,TreeMap递归细分面积成矩形。与邻接图相比,树中任何节点的大小迅速显现出来。树形图是使用颜色区分类别,用嵌套的方形表示层次关系的布局。例如本例中,A包含B,B包含C...D包含E,每一类的颜色都一样,且每一类互不相同。 testD3-33-paddingTree.html.node { border: solid 1px white; font: 10px sans-serif; line-height: 12原创 2013-12-05 23:11:42 · 12544 阅读 · 3 评论 -
【55种开源数据可视化工具简介】
大数据时代数据可视化成为理解和表达数据的有效甚至是唯一的手段。 工欲善其事必先利其器,本文对55个流行的数据可视化工具开源协议,主页,文档,案例等资源的简介,其中包括著名的D3.js,R,Gephi,Raphaël,Processing.js,Tableau Public,Google Chart Tools,Arbor.js等原创 2015-04-07 21:03:27 · 13388 阅读 · 0 评论 -
【D3.js数据可视化系列教程】(三十一)-- 力导向图之分子式
其实就是简单的力导向图只是加载了json文件设置了分层的颜色设置化学键分隔线//(1)平方根比例尺var radius = d3.scale.sqrt() .range([0, 6]);//值域 (2)连线是两个圆半径之和+20那么长 .linkDistance(function(d) {//(2)连线是两个圆半径之和+20那么长原创 2013-11-06 15:44:28 · 8357 阅读 · 1 评论 -
【D3.js数据可视化系列教程】(三十四)-- sankey图
好多没看懂。先把理解的放着吧Sankey Diagram4#chart { height: 500px;}.node rect { cursor: move; fill-opacity: .9; shape-rendering: crispEdges;}.node text { pointer-events: non原创 2013-11-06 22:54:12 · 15439 阅读 · 27 评论 -
【D3.js数据可视化系列教程】(三十三)-- 力导向图之图片和提示
在力导向图之带文字的基础上添加图片和提示img&tip.png //设置图片 node.append("svg:image") .attr("class", "circle") .attr("xlink:href", "http://localhost:8080/spring/imgs/myself.PNG") .at原创 2013-11-06 18:09:44 · 12958 阅读 · 11 评论 -
【D3.js数据可视化系列教程】(三十)--力导向图之带文字
//(1)链接数组var links = [ {source: "Microsoft", target: "Amazon", type: "licensing" ,weight:1,color:1}, {source: "Microsoft", target: "HTC", type: "licensing" ,weight:3,color:4},原创 2013-11-06 11:42:52 · 14535 阅读 · 4 评论 -
【D3 API 中文手册】
D3 API 中文手册提交记录声明:本文仅供学习所用,未经作者允许严禁转载和演绎 《D3 API 中文手册》是D3官方API文档的中文翻译。始于2014-3-23日,基于VisualCrew小组的六次协作任务之上,目前已经大致翻译完毕,将陆续向官网提交D3 API 中文版。本文主要内容有: 列举初版翻译/校对人员列表 记录中文翻译的官网提交情况 提供校对联系方式 提供D3原创 2015-07-26 14:14:22 · 32083 阅读 · 3 评论 -
【D3中文api文档制作小组英雄帖】
1 背景大数据的时代,信息获取已经不是问题,从浩繁的数据洪流中挖掘出知识的方法、技术和理论也层出不穷。如何把大量数据有效的展示给用户,如何突出数据的语义和价值,如何方便用户快速的理解就是数据处理和分析之后面临的一个重要难题。数据可视化的研究课开发渐渐解决了上述问题。作为技术人员的各位英雄豪杰,我们应该身先士卒,冲锋陷阵,奋斗在大数据浪潮的最高点。现在D3可视化开发如火如荼的进行着,而我天朝原创 2014-01-08 22:02:45 · 4781 阅读 · 2 评论 -
【D3.js数据可视化系列教程】--(七)SVG初探
SVG简单形状原创 2013-09-08 09:08:23 · 12912 阅读 · 7 评论 -
【D3.js数据可视化系列教程】--(六)生成测试数据
一、使用随机数值填充每一条1、建立新的空的数据集数组var dataset = []; //Initialize empty array2、循环25次产生新的值for (var i = 0; i < 25; i++) { //Loop 25 times3、产生0-30的随机数 var newNumber原创 2013-09-07 18:03:38 · 12477 阅读 · 3 评论 -
【D3.js数据可视化系列教程】--(五)用层画条形图
【D3.V3.js系列教程】--(五)用层画条形图1、为同类层添加样式div.bar { display: inline-block; width: 20px; height: 75px; /* We'll override this later */ background-color: teal;}2、声明要为某类层设置属性.att原创 2013-09-07 17:43:09 · 14190 阅读 · 5 评论 -
【D3.js数据可视化系列教程】--(四)使用数据
使用数据原创 2013-09-07 17:17:25 · 13979 阅读 · 1 评论 -
【D3.js数据可视化系列教程】--(三)数据绑定
【D3.V3.js系列教程】--(三)数据绑定1、D3可以处理哪些类型的数据它会接受几乎任何数字数组,字符串,或对象(本身包含其他数组或键/值对)。它可以处理JSON和GeoJSON甚至有一个内置的方法来帮助你CSV文件中加载数据。2、我们要做两件事:数据准备;元素选择。 testD3-1.html This is m原创 2013-09-07 16:46:55 · 17843 阅读 · 9 评论 -
【D3.js数据可视化系列教程】--(二)最简单的开始:添加元素
添加元素原创 2013-09-07 15:42:55 · 19282 阅读 · 20 评论