问用于可视化、操作和导出数据点的JavaScript？

EN

plotly.js是一个很棒的JS库，它可以让你轻松地可视化web上的任何数据。你可以查看链接并在互联网上搜索一些教程，比如这个，但我不认为这是问题所在。

问题出在从文件中获取数据。

当涉及到web时，您将需要某种类型的web服务器来提供和接收文件。

web浏览器允许用户输入文件(这可以通过html标签input来完成)，然后它将一个包含文件数据的请求发送到您的web服务器(这是您的JS代码所在的位置)，然后您可以在那里对数据做任何您想做的事情，并发送一个响应以供浏览器显示。

虽然web服务器可能很容易入门，但您可以使用许多不同的语言(包括JavaScript)来实现，但我认为到目前为止，构建web服务器并不符合您的兴趣。

如果您坚持使用JavaScript进行构建，则必须找到另一种方法来获取要绘制的数据，或者实际构建某种类型的服务器来处理您希望用户输入的文件。如果这真的适合你，这里有一个用Node.js (JavaScript)构建web服务器的starting tutorial，这是一个用django (Python)构建web服务器的another one。

但是如果你不喜欢这个想法并且不介意回到，你可以使用matplotlib.

Python有一个名为matplotlib的第三方模块，它允许您非常容易地绘制点，并使用许多不同的定制绘制它们。

所以，在你从你的文件中提取你的点之后，你可以删除你正在使用的任何Pygame代码，而不是非常简单地这样做：

import matplotlib.pyplot as plt

...  # extracting your points from the files

plt.plot(xpoints, ypoints)
plt.show()

，其中 ypoints 和是文件中的点

这将创建一个折线图。您可以通过向plot函数传递一个可选的第三个参数来自定义此图形，例如：

plt.plot(xpoints, ypoints, "x")

这将只绘制点，而不是绘制直线。您还可以将"x“更改为"ro”、"bo“、"r+”等等。

您可以参考上面的链接来查看matplotlib文档，并选择是想要尝试它，还是仍然坚持使用JS。然而，我认为，在这种情况下，您必须找到另一种方法来获取数据，因为构建web服务器需要时间和理解，而且一开始可能会非常混乱:)