
D3.js 数据可视化
最后更新于:
以案例的方式学习如何通过 D3.js 实现各种数据可视化的绘图功能,了解 D3.js 的图形绘制流程,掌握 D3.js 提供的各种图形绘制工具和方法。
-
使用 D3.js(v7) 绘制地图
D3.js 的第六篇文章,今天来画地图。这是我连续几天学习 D3 碰到的最有难度的一关。其中涉及的相关概念太多,没有专业理论知识一时半会儿也很难弄明白,所以这图画的颇为曲折。 -
使用 D3.js(v7) 绘制 K 线蜡烛图
学习 D3.js 的第 5 天,今天来个更有挑战性的项目:用 D3.js 画炒股软件中常见的 K 线蜡烛图。 -
使用 D3.js(v7) 绘制日历热力图
作为程序员,一定知道 Github 这个源码托管网站。在 Github 的个人信息页面,会提供一个类似日历,由一大堆小方块组成的热力图。通过它可以很直观的展现出在过去一段时间里代码的提交状况。我想用 D3.js 来实现一个类似的图表。 -
使用 D3.js(v7) 绘制折线图
这几天一直在学习 D3.js 的使用,并连续总结了两篇相关的入门级文章。今天继续趁热打铁,了解一下使用 D3 绘制折线图的方法。 -
使用 D3.js(v7) 绘制饼图
昨天写了一篇介绍 D3.js 的入门级文章,以示例的方式由浅入深的讲述了如何用 D3 绘制出一个带坐标轴的柱形图。今天继续这一话题,来看看如何画饼图。 -
使用 D3.js(v7) 绘制柱形图
D3.js 是一个使用 JavaScript 的数据可视化工具库。和其他一些专注于图表类的 JS 库不同,它的功能更加丰富,可自定义性也更强。本文是一篇入门级教程和指南,记录并总结了如何通过 D3.js 一步步来实现一个柱状图表的过程。