构建火车运动图

【问题标题】：Building a train movement graph构建火车运动图
【发布时间】：2012-11-29 09:41:41
【问题描述】：

我需要建立一个图表来反映每天的火车运动。像这样的：

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

你能指导我一下吗？

谢谢！

【问题讨论】：

【解决方案1】：

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

实际上有一个 interactive visualization of CalTrain schedules 复制了 Marey 的可视化，内置在 Protovis 中。虽然 Protovis 不再被积极开发，但您也许可以使用该示例。

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

【讨论】：

【解决方案2】：

您的首要任务是组织和理解您的数据。从我在您的（小）图像中可以看到，您有一个网格，上面覆盖着对角线。假设您使用图形库，我将首先绘制网格，将网格交点坐标添加到数据结构中。那么遍历你的数据并绘制对角线应该是比较简单的事情了。

您寻求指导。试一试，如果遇到困难，请返回您开发的代码和数据结构。

【讨论】：