d3数据可视化----CSV&JSON

最新推荐文章于 2024-06-16 09:40:34 发布

Shirley_RL

最新推荐文章于 2024-06-16 09:40:34 发布

阅读量5k

点赞数 1

分类专栏：数据可视化文章标签： d3 json 数据可视化

本文链接：https://blog.csdn.net/yfdhn/article/details/38514663

版权

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

摘要由CSDN通过智能技术生成

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 文件：