javascript - 构建火车运动图

Question

我需要构建一个图表来反射(reflect)每天的火车运行情况。像这样:

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

你能指导我一下吗？

谢谢!

Answer 1

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

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

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