沧海一粟 —— 技术随手记

介绍在之前的文章《用D3.js进行医疗数据可视化 （一）折线图》中，我们可以看到对于所可视化的医疗卫生机构诊疗人次数线图，最下部的几条线几乎重合在一起，而且几种机构类型相互包含，关系比较混乱。因此在这篇文章我，我们尝试一下用堆积区图（stackedarea chart）来强调它们之间的对比。 代码 全国医疗卫生机构医疗服务量 fu

介绍之前花了些时间探讨用D3.js做医疗数据的可视化，所用的数据来自国家卫生和计划生育委员会统计信息中心网站。简便起见，相关的数据做成JSON格式，并存在了本地JSON文件中。对于短期试验性开发，对数据的存储并没有太多要求。但随着时间流逝，我也想能用比较“正式”的方法来存储相应的数据，也就是采用数据库。当前的数据库技术可谓流派众多，经典的Relational Database依旧占据了大半

介绍经过一系列对折线图的试验，这儿就来尝试一下用饼图（Pie Chart）来做医疗数据的可视化。在《用D3.js进行医疗数据可视化 （四） 堆积区图(Stacked Area Chart)》的图2中，我们见识了每种医疗机构每月院均诊疗人次数（人次）的比较。其实对于一组数据间的比较，用饼图是非常适合的：它可以直观地看到每种数据占总体的比例，以及相对于其他组数据孰大孰小。 代码

介绍大概说说这个事情的前因后果吧。 去年下半年，我有机会参加了一个大型项目，在里面参与了前端可视化组建的开发，用的library是D3.js [2]。虽然3个月后我就结束了在这个项目里的工作，但后面断断续续也用D3做了一些别的实现。而从几年前开始，我一直在做和healthcare相关的项目，主要就是做医疗数据的信息化，从而优化医疗领域的信息管理、决策支持。从项目的角度出发，我们的着

介绍这这篇文章中，我们来尝试一下改进坐标轴的呈现方式。所有的代码都是在之前使用D3.js进行医疗数据可视化的一些实践 （二）中的代码基础上改的。因此这儿只把相应改动的代码贴出来。 任务一：让X轴的刻度以及相应的网格按月分布，并将刻度值改成中文可视化效果 代码var xAxis = d3.svg.axis() .scale(_x.range

介绍在上一篇文章的结尾，对生成的可视化图，我们提到了许多待改进的地方。这儿就先来讨论下图例的显示。图例的主要目的是说明图表中各种符号和颜色所代表的内容及指标的说明。对于我们之前生成的line chart，需要用图例说明每条曲线所代表的具体含义是什么。总结两点基本原则如下：1.     图例中要对应曲线的颜色，并指出对应的医疗机构名称；2.     图例要放在适当的位置，以便起到恰如

介绍数据统计和数据分析离不开数据集。之前几篇博客（用D3.js进行医疗数据可视化 （一）折线图 (Line Chart) 等）基于的是国家卫生和计划生育委员会统计信息中心的数据，可以说是已经经过了加工，提炼总结出来的数据。而本文涉及的是原始数据集。如果按医疗数据来说，可以是电子病历数据，个人健康数据等。但这儿重点介绍动画效果的实现，不涉及任何与特定数据集有关的内容。前一段时间有点闲暇时间，