用 D3 绘制简单的时间线

Posted 2023-02-22

【中文标题】用 D3 绘制简单的时间线

【英文标题】：Draw simple timeline with D3

【发布时间】：2012-10-23 11:55:28

【问题描述】：

这就是我想要完成的：

在此示例中，我有一个开始日期（2011 年 6 月 1 日）、一个结束日期（2012 年 7 月 1 日）以及此范围之间的多个事件。

每个事件都与日历中的某一天相关（尽管一天可能有很多事件）。

此数据是从 mysql 数据库中获取的。

我们将不胜感激任何帮助或建议。

【参考方案1】：

您应该能够使用time scale 和axis 完成此操作

Scott Murray 有一套非常好的教程，其中一个为axes 提供了高潮

只需将您的时间线视为具有时间刻度的一维散点图。

【讨论】：

感谢您的回复。我去看看。

有适合 5 岁儿童的 D3 教程吗？我需要这样的东西。

【参考方案2】：

我最近不得不做类似的事情。我最终编写了一个 d3 插件来处理这种情况。 https://github.com/jiahuang/d3-timeline

我对 D3 也很陌生，但我希望它有用。

【讨论】：

我不得不对代码进行一些更改，但您的插件正是我所需要的。感谢和抱歉迟到的回复，我正忙于其他事情。

@azeós 你能与全班分享你的修改吗？我很好奇。

@randomblink 这是一个老旧的项目。我会搜索文件，看看能不能找到。

【参考方案3】：

我打算开发类似的可视化，在 Github timeknots 上找到了基于 d3.js 的组件。