自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 用Apache CouchDB存储医疗可视化数据

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

2015-07-29 22:26:59 3925

原创 用D3.js进行医疗数据可视化 (四) 堆积区图 (Stacked Area Chart)

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

2015-07-23 21:56:03 5680 2

原创 用D3.js进行医疗数据可视化 (三)坐标轴 (Axes)

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

2015-07-22 20:34:52 6632

原创 用D3.js进行医疗数据可视化 (二)图例 (Legend)

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

2015-07-22 14:42:20 8805

原创 用D3.js进行医疗数据可视化 (一)折线图 (Line Chart)

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

2015-07-19 22:01:08 14040 4

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除