2019-08-29 18:01:15
效果如上图所示。本项目使用主要d3.jsv4制作，分两部分，一个是实际展示的连线动画图，另一个是管理人员使用鼠标编辑连线的页面。对于d3.js如何引入图片，如何画线等基础功能，这里就不再介绍了，大家可以找一些...
阅读全文
2019-04-05 20:00:16
d3js v5.9.2 如果对原生JS还有Jq比较熟悉的话，d3的交互很快就能掌握 还是拿完整的柱形图例子修改：完整的柱图
阅读全文
2019-04-04 18:00:19
d3js v5.9.2 使用d3创建动态图表主要使用到了d3.trasition部分的API，通过他们可以完成动画 我的学习记录是通过一个例子了解这些API
阅读全文
2019-04-04 15:00:31
d3js.org v5.9.2 之前只是各个部分的demo，现在将各部分整合起来，发现还是学到了不少东西 主要是加深了对scale（比例尺）的理解
阅读全文
2019-04-03 20:00:24
d3生成的坐标图是通过svg的path(路径)元素 + g + line + text元素组成的，如下图
阅读全文
2019-03-23 23:00:15
相比HTML元素，使用SVG可以绘制出更多的图形，此文尝试将d3.js与SVG结合 由于我也是第一次使用SVG，所以主要根据此篇blog的顺序来Let’s Make a Bar Chart, II
阅读全文
2019-03-23 17:01:06
入门d3.js，根据官网部分教程学习，发现因为版本更新，有些api和概念可能不适用，但总体思想未变。本文思路跟随此篇blogLet’s Make a Bar Chart学习，加上自己的理解，并且查阅了部分更新资料
阅读全文
2019-02-18 01:00:14
最近正在学习数据可视化, 这里记录一下一些心得与成果, 采用的技术是 (svg + react + d3)。 这种实现可视化方式本人个人感觉超级不错，如果你是有一定的基础的同学，强烈推荐一下。
阅读全文
2018-12-24 01:00:15
Google 搜索桑基图，可以搜到一大堆定义。简而言之，桑基图是一种数据流图，展示了数据是如何从左到右流向最后的节点，每条边代表一条数据流，宽度代表数据流的大小。桑基图常用于流量分析，可以很清楚的看出数据...
阅读全文