gpt4 book ai didi

d3.js - D3 : How to create a circular flow/Sankey diagram with 2 arcs

转载 作者:行者123 更新时间:2023-12-04 14:11:55 24 4
gpt4 key购买 nike

我想创建一个图表,将一个人毕业的专业与他们毕业 1.5 年后所从事的专业/部门之间的流程可视化。我想过为此使用桑基图,如下图所示

Sankey 2 flow example

但是希望通过将左侧(所研究的专业)和右侧(工作)分成两个弧线来使这在视觉上更有趣。所以它可能开始看起来像一个和弦图,但两条弧线分开了一点。下面的例子展示了两条弧线的想法(尽管它们之间的流动不是正确的)

Example of two arcs

引用的 Hierarchical Edge 捆绑示例看起来也与我想要实现的有些相似,但这里的线条没有粗细来显示从一端流向另一端的人数,也没有 2 个单独的弧(虽然我可以创建两个没有流动的白色部分模仿分离)

Hierarchical Edge Bundling example

有没有人有关于如何创建像 Sankey 图这样的圆/弧的例子?或者我应该从和弦图的角度尝试这个?

感谢您的帮助!

最佳答案

我想出了如何自己做,但它需要一些代码更改。所以我写了一个关于如何做到这一点的广泛教程。你可以找到它here
The resulting Stretched Chord

关于d3.js - D3 : How to create a circular flow/Sankey diagram with 2 arcs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28940517/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com