javascript - 使用 d3.js 的螺旋文本

Question

我想以螺旋向内收敛的方式显示课程的课程。该课程有 4 个模块，我想将不同的颜色与每个模块相关联（比如不同深浅的蓝色、红色、绿色和橙色）。当我们从一个模块移动到另一个模块时，颜色将有助于划分界限。来自同一模块的两个相邻主题由相同颜色的不同深浅划分。

我正在尝试使用d3.js. 我发现了这个有用的例子，我一直在尝试修改它。但我一直无法让它看起来符合我的需要。

你能给我一个最小的工作代码，我可以根据我的需要进行编辑吗？

输入数据如下所示：

1. Topic 1, Module 1
2. Topic 2, Module 1
3. Topic 3, Module 2
4. Topic 4, Module 3
5. Topic 5, Module 1
6. Topic 6, Module 4
7. Topic 7, Module 1
8. Topic 8, Module 2
9. Topic 9, Module 3

等等。

输出应该是这样的：

编辑：这些是我尝试过的一些事情：

1. 我需要为径向线添加厚度。所以我尝试使用d3.arc而不是d3.radialLine. 但这没有用。

标签： javascriptd3.js