Tag: d3.js

如何将一个Excel文件导入到一个Web应用程序(javascript / d3 / html)

对于数据可视化我还是比较陌生,但是很快学习。 我正在尝试创build一个小型Web应用程序,用户可以在其中提供一个Excel电子表格,然后Web应用程序将创build此电子表格的数据可视化。 我有数据可视化部分与一个只是preprogrammede作为variables(数组)的数据集。 但是我想请求帮助创build用户“上传”他们自己的excel文件的选项,然后从电子表格中的数据放入一个数组variables,并运行d3的数据可视化。

如果仅给出事件点,如何绘制图表?

我试图绘制节点(机器)的可用性。 为了节省收集到的数据的存储空间,而不是按照固定的时间间隔logging数据,我根据事件logging(ADDED,REMOVED)。 ADDED表示“up”,REMOVED表示“down / unreachable” 以下是我拥有的示例数据: 2012-11-25 11:11:11.1234 – node added. 2012-11-25 15:01:20.1234 – node removed. 2012-11-25 18:12:12.1234 – node added. 比方说,我想绘制时间范围图:2012-11-24到2012-11-25(x轴),上/下(y轴),我该如何绘制图表?

将Excel文件转换为JSON:deviseJSON代码检查

我想将Excel文件中的数据转换为JSON文件。 然而,我不确定我的JSON代码的devise(即它是否以正确的方式组织起来,以便轻松处理?)我将使用这个JSON文件与D3.js。 这是我的Excel文件的一小部分: 我想将这些数据转换成一个JSON文件,以便与D3.js一起使用。 这是我迄今为止: 所以我的问题是: 这是一个很好的devise(方式)组织的数据,以便使用它与D3.js? 这是一个示例输出: 提前致谢!

使用D3来parsing我的CSV

我试图用D3来parsing一个CSV excel文件到表中。 我知道代码“有效”,因为这在我老师的浏览器上工作(也是在线代码,所以它适用于其他人)。 但是当我尝试运行相同的代码时,浏览器中不会popup任何表格。 我已经尝试了Chrome和Edge。 我的老师在Chrome上运行它,它为他工作(他有Mac,我有Windows 10)。 无论如何,寻找一些援助,为什么这可能不工作。 考虑到这是行不通的,反正有人可以帮我parsingexcel表格的数据而不是这个? <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> table { border-collapse: collapse; border: 2px black solid; font: 12px sans-serif; } td { border: 1px black solid; padding: 5px; } </style> </head> <body> <script src="https://d3js.org/d3.v4.min.js"></script> <!– <script src="d3.min.js?v=3.2.8"></script>–> <script type="text/javascript"charset="utf-8"> d3.text("data.csv", function(data) { var parsedCSV = d3.csvParseRows(data); […]

如何从Excel导入数据

我有WebApp从Excel文件[ data.xls ]和d3.jsbuild立图表。 以下是我如何做到这一点: 步骤1>通过浏览位置导入文件Excel(无本地文件) 步骤2>将Excel文件转换为数据并传递给d3.js. 我使用Wijmo.js来显示Excel文件和d3.js来构build图表,所以我只能使用Excel文件,没有CSV!