建立火车运动图

Question

我需要建立一个反映每日时间列车运动的图表。像这样：

我从来没有像这样构建图表。你知道我应该从什么开始吗？我找到了一个图形库d3.js，但却没有使用它的经验。

你可以指导我一点吗？

谢谢！

Answer 1

您的首要任务是组织和理解您的数据。从我在（小）图像中看到的，你有一个用对角线覆盖的网格。假设你使用图形库我首先绘制网格，将网格交叉坐标添加到数据结构。那么遍历数据和绘制对角线应该是一个相对简单的问题。

你要求指导。尝试一下，如果遇到困难，请回复您开发的代码和数据结构。

Answer 2

这看起来像E.J. Marey的1880年列车时刻表，位于Tufte's "The Visual Display of Quantitative Information"封面，并在this blog post中有描述。

实际上有一个interactive visualization of CalTrain schedules复制了用Protovis构建的Marey可视化。虽然Protovis不再开发，但您可能只能使用该示例。

然而，正如@HBP所说，这种可视化非常简单，无需学习任何专门的可视化库即可手动构建。