D3是JavaScript的数据可视化库(http://d3js.org/),参考《数据可视化实战--使用D3设计交互式图表》
源码位于:https://github.com/mbostock/d3/wiki
之前都没有接触过库可以绘制交互图,初次接触D3是出于绘制填充树图。
{
"name": "cluster",
"children": [
{"name": "AgglomerativeCluster", "size": 4},
{"name": "CommunityStructure", "size": 2},
{"name": "MergeEdge", "size": 2}
]
}上述文件是JSON串的形式
遇到的主要问题
1、原数据不是JSON格式,而是Excel格式,Excel可以转换为CSV格式,如何实现CSV到JSON。
2、不熟悉d3库的函数
3、数据的读取,对象数组的初次使用
一开始想到两个方案:
1、CSV格式读入,然后转换写入到JSON文件中。数据就可以直接读取JSON串
2、CSV格式读入后存储为JSON的数据格式,即存到数组中。
CSV 文件:
TYPE
a
b
c
a
d
b
CSV的读取:1、读取的CSV数据进行统计 2、CSV的读取是异步的,因此需要完成的操作都要在函数内部
d3.csv("resources/ff.csv",function(error,c

本文介绍了使用D3.js进行数据可视化的初步体验,重点讨论了如何将Excel转换为CSV,然后将CSV数据转换为JSON格式以供D3库使用。在过程中遇到的挑战包括CSV的异步读取、不熟悉D3库的函数以及数据读取和处理。提出了两种解决方案,但最终未采用存储JSON文本的方式,因为发现JavaScript的陌生使得简单任务变得复杂。作者分享了学习过程中的体会,并引用了相关参考资料。

6725

被折叠的 条评论
为什么被折叠?



